uni-app 打开文件(文件或文件流)

需求：uniapp可以在平板上面打开excel文件或word文件，可以用wps打开后打印

1. 创建个koa项目模拟后台返回二进制文件流

const router = require("koa-router")();
const xlsx = require("node-xlsx");router.get("/excel", async (ctx, next) => {const res = [["name", "age"],["wuliu", "111"],];const buffer = xlsx.build([{ name: "firstSheet", data: res }]);ctx.set("Content-Disposition","attachment;filename=test.xlsx;filename*=UTF-8");// 返回给前端ctx.body = buffer;
});module.exports = router;

2. uniapp 下载文件

uni.downloadFile({url: BaseConfig.BASE_API + '/excel?id=' + item.id, // 二进制文件流// url: BaseConfig.BASE_API + '/excel.xlsx' // 直接下载文件header:{ // 鉴权、根据自己项目'check-device-type': 'app'},success: (res1) => {const tempFilePath = res1.tempFilePathuni.saveFile({tempFilePath,success:(res2)=>{//res.savedFilePath文件的保存路径//保存成功并打开文件uni.openDocument({filePath: res2.savedFilePath,success:(res3) =>console.log('成功打开文档'),fail: (err) => {console.log('失败')console.log(err)}})},fail:(err)=>{console.log('下载失败')console.log(err)}})},fail: (err) => {console.log('err' + err)}
})

3. 踩坑

手机或平板上面必须有wps才可以成功打开
打开文件可能存在跨域，这个需要后台去进行配置cors
二进制文件流和文件都可以用上面那套代码

uni-app 打开文件(文件或文件流)相关推荐

第二十一章流 5 多种打开文件的方式文件存在，文件不存在
// 第二十一章流 5 多种打开文件的方式文件存在,文件不存在 /* ios::in 打开文件进行读操作,即读取文件中的数据 ios::out 打开文件进行写操作,即输出数据到文件中 ios::at ...
java io流（字符流）文件打开、读取文件、关闭文件
java io流(字符流) 文件打开读取文件关闭文件 //打开文件 //读取文件内容 //关闭文件 import java.io.*;public class Index{public stati ...
在微信里接收文件后如何指着文件用咱编的APP打开？
咱编的APP要打开TXT文件,简单的实现就是在里面放个按钮点击下找到文件打开,可是安卓的路径那个烦呢. 能否在微信里收到文件就用咱的APP打开呢?当然可以啦. 会者不难,其实只要编个个activity ...
android 打开h5文件下载,微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码...
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...
ios调用第三方程序打开文件，以及第三方调用自己的APP打开文件
一.自己的APP调用第三方打开文件主要是使用 UIDocumentInteractionController 类并实现 UIDocumentInteractionControllerDelegat ...
iOS 在其它APP中通过本APP打开的文件如何保存至本APP，然后使用
1保存至本APP 需要实现在AppDelegate文件中实现方法 (BOOL)application:(UIApplication )app openURL:(NSURL )url options:( ...
【苹果iMessage家庭推】打开下载的证书文件,一样平常会主动用钥匙串访问程序打开的选择iOS App Development是开发证书
推荐内容IMESSGAE相关作者✈️@IMEAE推荐内容 iMessage苹果推软件 *** 点击即可查看作者要求内容信息作者✈️@IMEAE推荐内容 1.家庭推内容 *** 点击即可查看作者要求 ...
c语言中关闭文件的作用,【C语言】计算机中的流和文件概述（文件的概念及打开关闭）...
[C语言]计算机中的流和文件概述(文件的概念及打开关闭) [C语言]计算机中的流和文件概述(文件的概念及打开关闭) 目录一.计算机中流二.文件 1.文件的概念 2.文件的分类 3.文件的缓冲区 4 ...
c++：文件操作1 文件的打开
在程序中,要使用一个文件,先要打开文件后才能读写,读写完后要关闭.创建一个新文件也要先执行打开(open)操作,然后才能往文件中写入数据.C++ 文件流类有相应的成员函数来实现打开.读.写.关闭等文件 ...
c++语言文件流,C++ IO类、文件输入输出、string流详细讲解
新的C++标准中有三分之二的内容都是描述标准库.接下来重点学习其中几种核心库设施,这些是应该熟练掌握的. 标准库的核心是很多容器类(顺序容器和关联容器等)和一簇泛型算法(该类算法通常在顺序容器一定范围 ...

uni-app 打开文件(文件或文件流)

uni-app 打开文件(文件或文件流)相关推荐

最新文章

热门文章