釘釘小程序base64圖片預(yù)覽

釘釘小程序直接預(yù)覽base64圖片會(huì)報(bào)錯(cuò),需要先將Base64圖片臨時(shí)保存入手機(jī)后,通過臨時(shí)地址預(yù)覽,代碼如下:

經(jīng)過測(cè)試,模擬器不能預(yù)覽base64圖片,會(huì)報(bào)錯(cuò)提示只支持 http 圖片鏈接,可用下面方法進(jìn)行緩存預(yù)覽
但是!真機(jī)上,緩存圖片預(yù)覽會(huì)顯示圖片不存在,但是用fileManager.access驗(yàn)證又顯示文件存在,但是預(yù)覽不出來...
去掉緩存代碼后發(fā)現(xiàn),真機(jī)可以直接預(yù)覽base64格式圖片。(吐血)不過一切肯定以真機(jī)為主.

previewPic(e) {
    let url = e.currentTarget.dataset.url;

    if (url.indexOf('base64') > -1) {
      var imgPath = dd.env.USER_DATA_PATH + '/e-invoice' + Date.parse(new Date()) + '.png';
      var imageData = url.replace(/^data:image\/\w+;base64,/, "");
      var fileManager = dd.getFileSystemManager();
      fileManager.writeFile({
        filePath: imgPath,
        data: imageData,
        encoding:'base64',
        success: (res) => {
          url = imgPath;
        }
      })
    }

    dd.previewImage({
      current: 0,
      urls: [url],
    });
  }

每次進(jìn)入頁面時(shí)刪除之前的緩存

onShow(){
    //刪除本地臨時(shí)緩存圖片
    let fileManager = dd.getFileSystemManager();
    fileManager.stat({
      path: `${dd.env.USER_DATA_PATH}`,
      recursive: true,
      success: (res) => {
        for (let i in res.stats) {
          if (i.split('/').length > 0 && i.split('/')[1] != '') {
            fileManager.unlink({
              filePath: `${dd.env.USER_DATA_PATH}` + i,
              success(res) {
                console.log(res)
              },
              fail(err) {
                console.error(res)
              }
            })
          }
        }
      },
      fail: (err) => {
        console.log(err)
      }
    })
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容