使用uni内置方法下载预览

1.问题:但是内置方法一般使用的是url预览,如果接口返回的是文件流,前端如何处理

uni.downloadFile

在这里插入图片描述

uni.openDocument

在这里插入图片描述

2.解决:后端接口路径拼接,如果使用的是PC端下载文件的接口,但接口返回的是文件流,可以将地址进行拼接,放到uni.downloadFile中的url中

const url = `https://xxx.com/api/file/pdf?fileToken=${fileToken}`;
uni.downloadFile({
   url,
   headers: {
     'Content-Type': 'application/x-www-form-urlencoded'
   },
   success: (res) => {
     const filePath = res.tempFilePath;
     uni.openDocument({
       filePath: filePath,
       showMenu: true,
       success: function (res) {
         console.log('打开文档成功');
       }
     });
   },
   fail: err => {
     console.log(url);
     console.log('读取失败');
   }
 });

3.tip:网上的其他办法,比如使用Blob方法转换文件流的皆不可采用, new Blob及window.URL.createObjectURL都是适用于js对象,小程序不生效,如果上述方法不生效,需要前后端配合,或是将文件流返回的格式改为url返回,直接使用内置方法下载返回的url,预览即可。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐