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

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 中是个图片实体  而不是图片的二进制流

 图片的路径这样显示是正确的