首页 > 其他 > 详细

获取后端传的图片格式的数据,显示到页面上

时间:2019-05-23 15:12:12      阅读:500      评论:0      收藏:0      [点我收藏+]
function runimg(img) {
var p = new Promise((resolve, reject) => {
axios({
url: `/file/download/${img}`,
methods: ‘get‘,
responseType: ‘blob‘//接收的值类型
}).then((data) => {
console.log(‘1111‘,data)
let blob = data.data;
let src = window.URL.createObjectURL(blob)//转换为图片路径
console.log(src)//src直接放到img src路径中就可以了
 
imgUrl.push(src)
resolve(src)
num--
})
})
}
返回的data中的data值Blob
  1. data: Blob
    1. size: 59
    2. type: "image/png"         //type中返回的值要是image/png 或者是 image/jpg 格式  不能是application/json格式。这样window.URL.createObjectURL转义的图片路径才能使用
    3. __proto__: Blob
 F12此刻的Network -> Preview 中是个图片实体  而不是图片的二进制流
 图片的路径这样显示是正确的
技术分享图片

 

获取后端传的图片格式的数据,显示到页面上

原文:https://www.cnblogs.com/wssdx/p/10911835.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!