1. 程式人生 > >微信小程式pdf預覽

微信小程式pdf預覽

方法一

web-view下,可以直接通過a標籤設定src

<a href="https://h5.suyuan360.com/spsy/suy/temp/YUANfcl38.pdf" style="color: red;">檢視</a>

1、必須是以https開頭,http在小程式中無法開啟;

2、需要在小程式中設定好業務域名

3、ios可以直接開啟預覽,安卓必須先下載才能檢視。

方法二

小程式檔案下載和預覽API

wx.downloadFile({
      url: id ,
      success: function (res) {
        console.log(res)
        var Path = res.tempFilePath              //返回的檔案臨時地址,用於後面開啟本地預覽所用
        wx.openDocument({
          filePath: Path,
          success: function (res) {
            console.log('開啟成功');
          }
        })
      },
      fail: function (res) {
        console.log(res);
      }
    })

注:web-view下暫不支援此API