【微信小程序】实现下载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>
相关推荐
斯班奇的好朋友阿法法8 小时前
鸿蒙 vs iOS vs 微信小程序:开发平台全面对比
ios·微信小程序·harmonyos
Greg_Zhong2 天前
微信小程序如何关闭:当前渲染模式为webview?
微信小程序·微信小程序渲染引擎·渲染引擎需搭配更高基础库
橘子海全栈攻城狮2 天前
【最新源码】养老院系统管理A013
java·spring boot·后端·web安全·微信小程序
计算机学姐2 天前
基于微信小程序的校园失物招领管理系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·信息可视化·微信小程序·uni-app
SkyWalking中文站2 天前
用 SkyWalking 监控微信和支付宝小程序
微信·微信小程序·支付宝
计算机学姐2 天前
基于微信小程序的宠物服务系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·微信小程序·uni-app·宠物
Greg_Zhong2 天前
微信小程序中实现自定义多选效果(完整实现及问题记录)
微信小程序·自定义多选控件
独角鲸网络安全实验室3 天前
2026微信小程序抓包全解析:从实操落地到合规风控,解锁前端调试新范式
前端·微信小程序·小程序·抓包·系统代理绕过·https证书严格校验·进程隔离
fix一个write十个3 天前
【uniApp开发】微信小程序 web-view 内嵌 H5 跳转支付踩坑实录
微信小程序·uni-app
棋宣3 天前
微信小程序onShareAppMessage 分享-生命周期函数 在vue3中 组合式函数 hooks中不生效
微信小程序·小程序