uniapp实现线上文件预览

使用uni.downloadFile、uni.previewImage、uni.openDocument实现文件预览

 

uni.openDocument(OBJECT)官网描述

新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx。

平台差异说明

AppH5微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序QQ小程序快手小程序
x x

OBJECT 参数说明:

参数名类型必填说明平台差异说明
filePath String 文件路径,可通过 downFile 获得  
fileType String 文件类型,指定文件类型打开文件,有效值 doc, xls, ppt, pdf, docx, xlsx, pptx 微信小程序
showMenu Boolean 右上角是否有可以转发分享的功能 微信小程序
success String 接口调用成功的回调函数  
fail String 接口调用失败的回调函数 微信小程序
complete String 接口调用结束的回调函数(调用成功、失败都会执行)  

 

代码:

1
2
3
4
5
6
7
8
9
uni.downloadFile({
     url: this.sjuAjax.fileUrl+fileUrl,
     success: function (res) {<br>          if(res.tempFilePath.<code class="copyable" lang="bash">indexOf(".png" ||".jpg") > -1</code>)<br>         {<br>            var filePath = [] <br>            filePath[0]=res.tempFilePath; <br>            // 预览图片 <br>            uni.previewImage({ <br>              urls: filePath, <br>              success: function (res) {   <br>                console.log('打开成功') <br>              }, <br>              fail:function(res){ <br>                console.log(res) <br>              } <br>            })<br>         }<br>         else<br>         {<br>          var filePath = res.tempFilePath;<br>          uni.openDocument({<br>                       filePath: filePath,<br>                       success: function (res) {<br>                            console.log('打开文档成功');<br>                       }<br>                 });<br>         }<br>
 
     },
     fail:function (res){
        console.log(res)
    }
});

 

posted @   编程民工  阅读(1910)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示