uniapp实现线上文件预览

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

 

uni.openDocument(OBJECT)官网描述

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

平台差异说明

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

OBJECT 参数说明：

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

 

代码：

uni.downloadFile({
	 url: this.sjuAjax.fileUrl+fileUrl,
	 success: function (res) {
　　　　　　　　  if(res.tempFilePath.indexOf(".png" ||".jpg") > -1)
　　　　　　　　　{
　　　　　　　　　　　　var filePath = [] 
　　　　　　　　　　　　filePath[0]=res.tempFilePath; 
　　　　　　　　　　　　// 预览图片 
　　　　　　　　　　　　uni.previewImage({ 
　　　　　　　　　　　　　　urls: filePath, 
　　　　　　　　　　　　　　success: function (res) { 　　
　　　　　　　　　　　　　　　　console.log('打开成功') 
　　　　　　　　　　　　　　}, 
　　　　　　　　　　　　　　fail:function(res){ 
　　　　　　　　　　　　　　　　console.log(res) 
　　　　　　　　　　　　　　} 
　　　　　　　　　　　　})
　　　　　　　　　}
　　　　　　　　　else
　　　　　　　　　{
　　　　　　　　　　var filePath = res.tempFilePath;
　　　　　　　　　　uni.openDocument({
                       filePath: filePath,
                       success: function (res) {
                            console.log('打开文档成功');
                       }
                 });
　　　　　　　　　}


	 },
	 fail:function (res){
		console.log(res)
	}
});