后台返回的图片前端如何展示(如何获取) |
您所在的位置：网站首页 › post出来照片 › 后台返回的图片前端如何展示(如何获取) |
后台返回的图片前端如何展示(如何获取)
|
实际场景:在登录时或者其他场景,我们需要用后台返回的验证码来校验,或者展示后台返回的图片 后台:直接返回一个图片 问题:前端如何展示(项目用的是axios请求) 解决逻辑:我们要用原生的axios请求来请求并展示,而不是用你们项目已经封装好的请求 上代码: axios.request({ url:"/abc/abc", //这里是你的请求url responseType:'blob', //这里最重要,不要去掉 method:'get' //请求方式,看后台的需求,可能是get,post等方式 }).then(res => { let blob = new Blob([res],{type: "image/png"}); let url = window.URL.createObjectURL(blob); this.yanzhengImage=url;然后,你只需将上面的 yanzhengImage 赋给 img标签的src OK,搞定 ❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ ❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～ ❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论) 拿走,不用谢!!!送人玫瑰,手留余香 |
【本文地址】
今日新闻 |
推荐新闻 |