微信小程序实现打开并下载服务器上面的pdf文件到手机

让我来为你讲解下微信小程序实现打开并下载服务器上面的pdf文件到手机的完整攻略。

1. 获取pdf文件的url

要下载pdf文件，必须先获取到pdf文件的url。如果你的pdf文件是在自己的服务器上面，那么可以直接使用该pdf文件的url，如果是在其它服务器上面，则需要联系对应服务器的管理员获取该文件的url。获取到pdf文件的url后，你可以将其嵌入到一个 web-view 组件中，如下：

<web-view src="pdf-url"></web-view>

这样就可以在微信小程序中显示该pdf文件了。

2. 下载pdf文件

如果用户需要将该pdf文件下载到本地，可以使用 downloadFile 方法实现。具体步骤如下：

1. 首先，在相应的页面中添加一个下载按钮，用户点击该按钮即可触发下载操作。

<button bindtap="downloadPDF">下载PDF</button>

1. 在js中定义downloadPDF函数，并在该函数中通过downloadFile方法将pdf文件下载到本地。

downloadPDF: function() {
  wx.downloadFile({
    url: 'pdf-url',
    success: function (res) {
      // 下载成功后，调用saveImageToPhotosAlbum函数保存图片到本地
      wx.saveFile({
        tempFilePath: res.tempFilePath,
        success: function (res) {
          wx.showToast({
            title: '下载成功',
            icon: 'success'
          })
        },
        fail: function (res) {
          wx.showToast({
            title: '下载失败',
            icon: 'none'
          })
        }
      })
    },
    fail: function (res) {
      wx.showToast({
        title: '下载失败',
        icon: 'none'
      })
    }
  })
}

这样用户点击下载按钮后，就可以将pdf文件下载到本地了。

示例说明

示例1

假设你的pdf文件在自己的服务器上，pdf文件的url为 http://example.com/pdf/file.pdf，那么你可以在相应页面的 web-view 组件中嵌入该pdf文件，如下：

<web-view src="http://example.com/pdf/file.pdf"></web-view>

用户可以直接通过该web-view组件在线查看pdf文件，也可以点击相应的下载按钮将文件下载到本地。

示例2

假设你的pdf文件不在自己的服务器上，而是在其它服务器上，且文件url为 http://other.com/file.pdf，那么在相应页面的js中添加如下代码：

downloadPDF: function() {
  wx.downloadFile({
    url: 'http://other.com/file.pdf',
    success: function (res) {
      // 下载成功后，调用saveImageToPhotosAlbum函数保存图片到本地
      wx.saveFile({
        tempFilePath: res.tempFilePath,
        success: function (res) {
          wx.showToast({
            title: '下载成功',
            icon: 'success'
          })
        },
        fail: function (res) {
          wx.showToast({
            title: '下载失败',
            icon: 'none'
          })
        }
      })
    },
    fail: function (res) {
      wx.showToast({
        title: '下载失败',
        icon: 'none'
      })
    }
  })
}

这样就可以将该pdf文件下载到本地了。