uniapp —— 微信小程序预览文件-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp —— 微信小程序预览文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

使用uni内置方法下载预览

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

uni.downloadFile

uniapp开发微信小程序实现文件的预览,小程序,uni-app,微信小程序,前端

uni.openDocument

uniapp开发微信小程序实现文件的预览,小程序,uni-app,微信小程序,前端文章来源地址https://www.toymoban.com/news/detail-516866.html

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('读取失败');
   }
 });