小程序查看(预览)文件

一、场景

在小程序中需要查看(预览)文件。

二、代码实现

步骤:1、下载文件,2、预览文件。

downloadFilePreview () {
      wx.showToast({
        title: '打开中…',
        icon: 'loading',
        duration: 100000
      })
      wx.downloadFile({
        url: 'https://www.abc.com/abc.pdf', // 这里换上自己的pdf地址
        header: {
          'content-type': 'application/json'
        },
        success: function (res) {
          var Path = res.tempFilePath // 返回的文件临时地址,用于后面打开本地预览所用
          wx.openDocument({
            filePath: Path,
            fileType: 'pdf', // 指定文件类型
            success: function (res) {
              wx.hideToast()
            },
            fail: function (res) {
              console.log('打开失败', res)
            }
          })
        },
        fail: function (res) {
          wx.showToast({
            title: '下载失败',
            icon: 'loading',
            duration: 1000
          })
        }
      })
    },

三、注意事项

配置downloadFile域名

下载类型 

fileType: 'pdf'

四、相关API

wx.downloadFile

 wx.openDocument

四、效果

五、欢迎交流指正

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值