vue axios請求圖片流文件前端頁面顯示處理方法


請求回來的流有可能是亂碼,如圖所示:

處理方法:

第一步:發送請求時:

let url = `/frm/v1/api/images/${options.id}`;
    axios.get(url,{responseType: 'arraybuffer'}).then(function(data){
      success(data);
    }).catch(function(err){
      error(err)
    });

第二步:處理返回的數據結果

pic.imgUrl = 'data:image/png;base64,' + btoa(new Uint8Array(data.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))

  在img標簽中:

<img v-if="selectedLogoPicture" ref="selectlogoPictureImg" :src="selectedLogoPicture.imgUrl" class="logoImg">

  


免責聲明!

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



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