獲取后端傳的圖片格式(二進制流)的數據,顯示到頁面上


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