一、微信小程序根據(jù)接口返回的pdf鏈接，在小程序內(nèi)部瀏覽pdf內(nèi)容

需要用到微信小程序的兩個(gè)api 下載資源到本地 wx.downloadFile    wx.openDocument

前一個(gè)api下載資源到本地，后一個(gè)api打開pdf文檔

wx.downloadFile({ //將文檔下載到本地
        url: fileUrl,//pdf鏈接
        success(res) {
          wx.openDocument({ //打開文檔
            filePath: res.tempFilePath,//本地文檔路徑
            fileType: "pdf",//文檔類型
            showMenu: true,
            success: function (res) {
              wx.showToast({
                title: '打開文檔成功',
              })
            },
            fail: function (res) {
              wx.showToast({
                title: '打開文檔失敗',
              })
            },
          })
        },
      })

二、根據(jù)網(wǎng)頁(yè)鏈接，把網(wǎng)頁(yè)內(nèi)容在微信小程序內(nèi)部顯示

需要用到微信小程序的一個(gè)標(biāo)簽 web-view

其實(shí)就是需要新建一個(gè)頁(yè)面，然后新建的頁(yè)面里面只寫一個(gè)web-view標(biāo)簽，src等于從上一個(gè)頁(yè)面?zhèn)鬟^(guò)來(lái)的值就ok了

補(bǔ)充：

微信小程序通過(guò)webview打開e簽寶（ps:e簽寶是一個(gè)簽訂電子合同的第三方網(wǎng)站，有興趣的小伙伴可以點(diǎn)擊看看 e簽寶）時(shí)，提示我 不支持打開非業(yè)務(wù)域名，

然后我就去百度了下，發(fā)現(xiàn)是需要配置e簽寶的業(yè)務(wù)域名的， 之前是把接口配置在了服務(wù)器域名了，所以不行，

配置業(yè)務(wù)域名時(shí)，需要把校驗(yàn)文件發(fā)給第三方，在他們接口地址的目錄下添加該文件，

本以為業(yè)務(wù)域名配置好了，地址也發(fā)過(guò)來(lái)了，微信里面是可以打開的并且電子合同信息都完全顯示、簽字蓋章的，但是在微信小程序里面打開卻只是個(gè)靜態(tài)頁(yè)面，很無(wú)語(yǔ)，截圖如下

1.微信通過(guò)點(diǎn)擊鏈接打開的頁(yè)面：

2.微信小程序打開的頁(yè)面

有點(diǎn)小迷，后來(lái)想了想是不是參數(shù)沒(méi)傳過(guò)去，然后就打印下了跳轉(zhuǎn)頁(yè)面時(shí)傳來(lái)的值，

而接口返回的鏈接呢，是這樣的，明顯看到?后面的值都沒(méi)傳過(guò)來(lái)。。

所以果然是參數(shù)沒(méi)傳過(guò)來(lái)啊，然后就去百度了下，發(fā)現(xiàn)可以使用 encodeURIComponent()對(duì)地址進(jìn)行編碼，然后使用decodeURIComponent()對(duì)地址進(jìn)行解碼，代碼如下

總結(jié)

到此這篇關(guān)于微信小程序使用webview打開pdf文檔以及顯示網(wǎng)頁(yè)內(nèi)容的文章就介紹到這了,更多相關(guān)小程序用webview打開pdf文檔內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論