欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue后臺返回base64圖片無法顯示的解決

 更新時間：2022年06月14日 11:42:19   作者：Zxiuping  
這篇文章主要介紹了vue后臺返回base64圖片無法顯示的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

vue后臺返回base64圖片無法顯示

關(guān)于后臺接口返回的圖片base64格式頁面無法顯示的問題，我遇到的原因是因為返回的一串內(nèi)容里面存在空格或者換行的原因

解決方法如下

let str = `data:image/jpg;base64,${res.imgStr}`
? ? ? ? this.mpId = str.replace(/[\r\n]/g, '')
let str = `data:image/jpg;base64,${res.imgStr}`
this.mpId = str.replace(/[\r\n]/g, '')

這樣界面就能顯示圖片啦。

vue中base64轉(zhuǎn)圖片格式

// 拍照獲取圖片base64
// imgsrc: base64圖片資源
    refreshDataList (imgsrc) {
      let data = this.baseImg(imgsrc)
      console.log(data)
    },
// base64轉(zhuǎn)圖片資源
    baseImg (dataurl) {
      var arr = dataurl.split(','),
          mime = arr[0].match(/:(.*?);/)[1],
          bstr = atob(arr[1]),n = bstr.length,
          u8arr = new Uint8Array(n);
          while (n--) {
            u8arr[n] = bstr.charCodeAt(n)
          }
      return new Blob([u8arr], {type: mime})
    },

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論