获取后端传的图片格式(二进制流)的数据,显示到页面上

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 中是个图片实体  而不是图片的二进制流
 图片的路径这样显示是正确的

 

posted @ 2019-05-23 14:48  苏小白啊  阅读(2772)  评论(0编辑  收藏  举报