【微信小程序】实现下载pdf到本地

背景:开发了一个微信小程序 ,列表页面会有3个pdf下载按钮,实现小程序pdf下载到本地

1.pdf地址不在本地服务器上面

下载文件之后生成一个临时地址,使用openDocument打开,利用页面右上角...将pdf保存到本地

复制代码
downFile(event) {
    let url = event.currentTarget.dataset.url
    wx.downloadFile({
      url: url,
      success: function (res) {
        const filePath = res.tempFilePath
        wx.showToast({ title: '下载成功', icon: 'none' })
        wx.openDocument({
          filePath: filePath,
          fileType: 'pdf',
          showMenu: true,
          success: function (res) {
            console.log('预览成功')
          },
          fail: err => {
            wx.showToast({ title: '预览失败', icon: 'none' })
          }
        })
      }
    })
  },

2.pdf地址在服务器上面

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

复制代码
<web-view src="https://www....."></web-view>
相关推荐
自然 醒10 小时前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
竟未曾年少轻狂12 小时前
微信小程序-组件开发
微信小程序·小程序
想七想八不如1140813 小时前
【GitHub开源】一款极简跨平台 Todo 应用:微信小程序 + Windows 桌面挂件 + 实时同步
微信小程序·开源·github
笨笨狗吞噬者14 小时前
代理的妙用:uni-app 小程序是怎样用 `Proxy` 和 `wrapper` 抹平平台差异的
前端·微信小程序·uni-app
px不是xp2 天前
微信小程序组件化开发最佳实践
微信小程序·小程序·notepad++
曲江涛2 天前
微信小程序 摄像头 授权同页面丝滑调用
微信小程序
code_Bo2 天前
kiro生成小程序商业案例
前端·微信小程序·小程序·云开发
克里斯蒂亚诺更新2 天前
微信小程序引入vant weapp,button宽度100%
微信小程序·小程序
nhc0882 天前
贵阳纳海川·花卉游戏行业解决方案
人工智能·游戏·微信小程序·软件开发·小程序开发
普通人62 天前
微信小程序又双叒叕改获取头像昵称的接口了
微信小程序·小程序·notepad++