【微信小程序】实现下载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>
相关推荐
计算机毕设指导61 小时前
基于微信小程序的智能停车场管理系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·intellij-idea
2501_933907211 小时前
如何选择西安优质小程序开发服务与本凡码农合作?
科技·微信小程序·小程序
咖啡の猫1 天前
微信小程序案例 - 自定义 tabBar
微信小程序·小程序·notepad++
咖啡の猫1 天前
微信小程序全局数据共享
微信小程序·小程序
桐溪漂流1 天前
微信小程序cli脚本预览上传
微信小程序·小程序
咖啡の猫1 天前
微信小程序使用 npm 包
微信小程序·小程序·npm
东东5162 天前
xxx食堂移动预约点餐系统 (springboot+微信小程序)
spring boot·微信小程序·小程序·毕业设计·个人开发·毕设
韩立学长2 天前
【开题答辩实录分享】以《智慧校园平台微信小程序》为例进行选题答辩实录分享
spring boot·微信小程序·小程序
h_65432102 天前
微信小程序:按顺序一张图片加载完后,再加载另一张
微信小程序·小程序
qq_316837753 天前
uniapp打包微信小程序使用插件
微信小程序·小程序·uni-app