前端imageBuffer設置圖片src(后端返回二進制流圖片)


參考地址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 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM