參考地址1:前端imageBuffer設置圖片src(后端到前端直傳buffer)
參考地址2:axios根據流生成圖片
本質為buffer轉base64
1 // 獲取項目截圖 2 getItemPic() { 3 this.$http({ 4 url: this.$http.adornUrl('/web/showimgFile'), 5 method: 'get', 6 responseType: "arraybuffer", // 注意:responseType必須是arrayBuffer,json是不行的 7 params: this.$http.adornParams({ 8 'url' : this.imgId, 9 }) 10 }).then(({ data }) => { 11 let bytes = new Uint8Array(data); 12 let storeData = ""; 13 let len = bytes.byteLength; 14 for (let i = 0; i < len; i++) { 15 storeData += String.fromCharCode(bytes[i]); 16 } 17 this.imgUrl = "data:image/png;base64," + window.btoa(storeData); 18 }); 19 }
