美文网首页程序员
怎样把后台返回的url转化为图片显示出来

怎样把后台返回的url转化为图片显示出来

作者: 废柴码农 | 来源:发表于2019-01-06 17:02 被阅读2次

有一个需求需要把后台返回的头像展示出来;
后台返回接口格式如下:


face_url.jpg
这个时候只需要将从后台返回的数据放在img标签的src中就可以了
<img src={empoloyeeInfo.faceUrl} alt=""/>

完整代码如下:

componentDidMount(){
axios
  .post("/menjin/attendance/select",{uid:'78507b3b83ce455db9a14ac65562ed64'})
  .then((res)=>(
   // console.log(res.data)
   this.setState({
    empoloyeeInfo:res.data.data  //把从后台返回的数据存储在empoloyeeInfo中
    })
  )
}

        render(){
    return(
        <div>
        <img src={this.state.empoloyeeInfo.faceUrl} alt="" />
        </div>
    )
}

相关文章

网友评论

    本文标题:怎样把后台返回的url转化为图片显示出来

    本文链接:https://www.haomeiwen.com/subject/cnisrqtx.html