微信小程序实现点击预览文件过程中遇到的问题

最新推荐文章于 2024-09-06 17:27:14 发布

小小兔008

最新推荐文章于 2024-09-06 17:27:14 发布

阅读量1.3k

点赞数

分类专栏：工作 / 实践文章标签：前端微信小程序

本文链接：https://blog.csdn.net/weixin_50655106/article/details/124405651

版权

在微信小程序中实现文件预览时，需要通过downloadFile先下载文件，然后使用openDocument打开。fileType参数虽非必填，但不填可能会导致错误，需根据文件后缀动态设置。此外，需在开发设置中配置服务器域名以确保下载功能正常。在微信开发者工具中，可能需要关闭合法域名检验以进行真机调试。

摘要由CSDN通过智能技术生成

项目场景：

微信小程序实现点击预览文件过程中遇到的问题。

解决方案：

1、预览文件需要通过downloadFile先下载再通过openDocument打开文件

   downloadFilePreview (e) {
        wx.showToast({
          title: '打开中…',
          icon: 'loading',
          duration: 100000
        })
        wx.downloadFile({
          url: e.currentTarget.dataset.url, // 这里换上自己的文件地址
          success: function (res) {
            var Path = res.tempFilePath // 返回的文件临时地址，用于后面打开本地预览所用
            var filename = e.currentTarget.dataset.name;
            var index1 = filename.lastIndexOf(".");
            var index2 = filename.length;
            var postf = filename.substring(index1, index2);//后缀名
            var postf1 = postf.replace(/\./g, '')
            wx.openDocument({
              filePath: Path,
              fileType: postf1,
              success: function (res) {