uniapp APP流文件execl 下载并用WPS打开

三线码工

已于 2024-05-29 11:01:53 修改

阅读量1.2k

点赞数

文章标签： uni-app 前端安卓

于 2023-11-21 09:02:18 首次发布

本文链接：https://blog.csdn.net/qq_35946021/article/details/134523153

版权

文章介绍了如何在小程序中利用`plus.downloader.createDownload`方法下载WPS文件，然后通过`uni.openDocument`打开文件，展示了从请求头配置到封装函数的详细过程。

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

流程是先将文件下载，到本地，然后使用openDocument打开本地路径

需要下载WPS文件，以下是模拟器打开效果

使用plus.downloader.createDownload 方法将新建下载任务

HTML5+ API Reference

export default function plusDownload(config){
    if(!config)
	{
		console.error("Argument should not be null");
		return;
	}
    const url=request.baseUrl+config.url;

    let token = uni.getStorageSync("token");
        let	header={
	    //	'Content-Type':"application/octet-stream",
		'Authorization':"Bearer " + token
		//'Accept':'*/*'
	};
    config.header=config.header||{};
    Object.assign(header,config.header);
    
   
  let download= plus.downloader.createDownload(url,config,(d,s)=>config.complete(d,s,download));

  download.setRequestHeader('Authorization',"Bearer " + token);
  
  download.start();
}

封装方法

export function downloadInspectionResult(data) {
 
   uni.showLoading({title:'读取文件...',duration:10000});
    plusDownload({
         url:'/ny-iqc/incomingInspection/exportCoa?id='+data.id,
     
        method: 'POST',
        filename: '_downloads/'+data.fileName,
        header: { 'Content-Type': 'application/x-www-form-urlencoded' },
        data: data,
        complete: function (res,status,download) {

            uni.hideLoading();
            
           uni.openDocument({
            filePath: res.filename,
            fileType: 'xlsx',
            showMenu: true,
            success: () => {
              uni.showToast({
                title: '打开文档成功',
                icon: 'success',
                mask: true,
              });
            },
            fail: (error) => {
              console.log('error', error);
                },
          });

        },
      
    });
}

调用封装的方法

downloadInspectionResult({
id:id,
fileName: fileName
});