【微信小程序】实现下载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>
相关推荐
CRMEB系统商城12 小时前
CRMEB标准版系统(Java)v3.1正式发布
java·spring·微信小程序·php·教育电商
海岳云舟16 小时前
通过Spring Authorization Server对微信小程序应用进行授权防护
微信小程序
阿祖zu1 天前
训练师 Agent 小程序产品上线啦
微信小程序·llm·agent
suliqiang2 天前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode
ynchyong3 天前
微信小程序启动顺序遇到的一个坑
前端·微信小程序
AI工具人PM产品经理3 天前
PIL 脚本批量生成小程序图标实战:零美工做出全套 tabBar
微信小程序·canvas·pil·python3.11·工具脚本
拖孩3 天前
一个人 + AI 做的小程序,一个月赚了 36 块
前端·后端·微信小程序
DK185838322524 天前
【源码开源部署】电竞代练护航陪玩小程序:全游戏服务平台完整解决方案(附宝塔部署教程)
游戏·微信小程序·uni-app·开源·php
黑马程序员毕设5 天前
基于Java的仪器管理系统设计与实现
java·开发语言·spring boot·后端·微信小程序
bug总结5 天前
uniapp 微信小程序请求规范
微信小程序·小程序·uni-app