小程序查看(预览)文件

简介: 小程序查看(预览)文件

一、场景

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

二、代码实现

步骤: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

 

四、效果

 

五、欢迎交流指正

相关文章
|
小程序 前端开发 数据可视化
微信小程序云开发入门教程-全局文件介绍
微信小程序云开发入门教程-全局文件介绍
|
小程序 API
uniapp小程序选择文件并上传到uniCloud
uniapp小程序选择文件并上传到uniCloud
1030 0
|
移动开发 小程序 前端开发
uniap开发微信小程序如何在线预览pdf文件
这是一段关于在线预览和处理PDF的多方案说明,包括使用JavaScript库PDF.js(如`pdfh5.js`)实现H5页面预览,提供QQ群和技术博客链接以获取帮助和支持。还介绍了两个适用于Uni-app的插件,一个用于H5、小程序和App中的PDF预览和下载,另一个专门解决手机端PDF预览问题。此外,还详细描述了在Uni-app中使用微信小程序API`wx.openDocument`显示PDF的步骤,包括上传文件、配置权限和编写代码。
|
小程序 开发工具 开发者
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
1406 1
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
276 0
|
小程序
小程序一键全局一秒变黑白(效果预览)
小程序一键全局一秒变黑白(效果预览)
234 0
|
缓存 小程序 API
【社区每周】新增保存文件到系统储存空间API;小程序开发体验问卷调研发布
【社区每周】新增保存文件到系统储存空间API;小程序开发体验问卷调研发布
190 11
|
小程序 JavaScript 前端开发
微信小程序有几个文件
微信小程序通常由多个文件组成,主要包括以下几种类型的文件:
372 1
|
JSON 小程序 前端开发
简单描述下微信小程序的相关文件以及类型?
简单描述下微信小程序的相关文件以及类型?
397 1

热门文章

最新文章