获取后端传的图片格式（二进制流）的数据，显示到页面上

function runimg(img) {

axios({

url: `/file/download/${img}`,

methods: 'get',

responseType: 'blob'//接收的值类型

}).then((data) => {

let blob = data.data;

let src = window.URL.createObjectURL(blob)//转换为图片路径

console.log(src)//src直接放到img 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