鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 關(guān)于微信小程序自定義分享用base64格式配圖的問題

關(guān)于微信小程序自定義分享用base64格式配圖的問題

項(xiàng)目需要從小程序webview內(nèi)嵌的h5網(wǎng)頁得到一個(gè)base64圖片，并在分享時(shí)將這張圖片作為分享窗口的配圖，圖片是h5的canvas動(dòng)態(tài)生成的?，F(xiàn)在base64可以完整傳入小程序，以下是代碼

onShareAppMessage: function (res) {

if (res.from === 'button'){
  
}
if(this.data.picUrl !== '') {
  console.log(this.data.picUrl)
  return {
    title: this.data.goodsName,
    path: '/pages/fitview/fitview',
    imageUrl: this.data.picUrl    // 這里picUrl為base64
  }
}
base64內(nèi)容：
data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD…m452EISNvX2rmSTqXUDj29d4llSkpJJdPJ2i（后面太長省略）

如上代碼在分享時(shí)可以正常顯示標(biāo)題之類的，唯獨(dú) imageUrl 這里的圖片顯示不出來，如果換成url路徑的其他圖就能顯示，換成base64就不行。base64編碼肯定沒問題，在wxml里弄個(gè)image把src改成上面的base64可正常顯示。
問下各位誰遇到過這情況，怎么在不用url的前提下解決。
回答
編輯回答
抱緊我

      // 獲取圖片信息（網(wǎng)絡(luò)圖片）儲(chǔ)存為本地資源
      let imageUrl = 'base64圖片';
      // console.log(imageUrl)
      wx.getImageInfo({
        src: imageUrl,
        success: (res) => {
          // console.log(res.path)
          this.setData({
            imageUrl: res.path
          })

        }
      })
2018年8月29日 05:07