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


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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM