1. 程式人生 > 其它 >獲取後端傳的圖片格式(二進位制流)的資料,顯示到頁面上

獲取後端傳的圖片格式(二進位制流)的資料,顯示到頁面上

技術標籤:個人筆記

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

圖片的路徑這樣顯示是正確的
在這裡插入圖片描述