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
- data: Blob
- size: 59
- type: "image/png" //type中返回的值要是image/png 或者是 image/jpg 格式 不能是application/json格式。这样window.URL.createObjectURL转义的图片路径才能使用
- __proto__: Blob
F12此刻的Network -> Preview 中是个图片实体 而不是图片的二进制流
图片的路径这样显示是正确的
获取后端传的图片格式的数据,显示到页面上
原文:https://www.cnblogs.com/wssdx/p/10911835.html