獲取後端傳的圖片格式(二進位制流)的資料,顯示到頁面上
阿新 • • 發佈:2020-12-08
技術標籤:個人筆記
function getImg(img) {
axios({
url: `/img/getImg`,
methods: 'get',
responseType: 'blob'//接收的值型別
}).then((data) => {
let blob = data.data;
let src = window.URL.createObjectURL(blob)//轉換為圖片路徑
console.log(src)//該src直接賦值給img的src路徑中就可以了
})
}
返回的data中的data值Blob
data: Blob
size: 59
type: "image/png" //type中返回的值要是image/png 或者是 image/jpg 格式 不能是application/json格式。這樣window.URL.createObjectURL轉義的圖片路徑才能使用
_proto_: Blob
圖片的路徑這樣顯示是正確的