uni-app 中对流文件的处理

场景：2021.1月份，接近年底的时候，接到了中台子应用需求---开发文件管理系统uni-app，开始想着没有太多交互，想做成H5页面，后来考虑到扩展性，还是做成了uni-app。(ps：我们中台嵌入了多个uni-app子应用，类似于支付宝小程序的形式)。简单展示一下结果：

问题与分析：在中台文件管理系统uni-app中，后端传输文件时，以流文件的形式传输（考虑到文件的私密性，以及方便后端加密处理）；如果直接调用uni.downloadFile，会导致下载的文件没有后缀名而无法识别打开，如下图文件1和3。

解决方案：APP这边在uni.downloadFile方法的 header 中设置对应文件类型的 Content-type 属性；同时，后端接口在推流时，也要添加文件对应的Content-type，且给与文件类型区分标记。这样在流文件下载完成后，就能自动保存为对应格式的文件，如上图第二个pdf文件，下载实现代码参考下图。

Content-type对照表（这边随便列举了一个，若网站失效了就自行寻找一下）：

content-type对照

关于文档预览：现阶段该项目只需要对图片、文档两种类型的文件进行预览；其中文档预览的实现：Android端，使用了原生桥接腾讯X5浏览器内核；IOS端使用系统自带的文档预览API。

uni-app 中对流文件的处理相关推荐

uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
iOS_44_导入第3方APP内的文件_UTI
Uniform Type Identifier(UTI) 将第3方APP中的文件,使用自家app打开查看实质是:将第3方的app中的文件复制到了自家app的doc/Inbox文件夹内在inf ...
Android中R文件ID值
Android中R文件ID值文章目录 Android中R文件ID值前言知识回顾在代码中访问资源语法 R文件 Lib库的R文件 AAR中的R文件依赖库R文件的生成 R文件的数量后续疑问官 ...
Android uni app 列表底部白条解决方案
uni app中android打开本地vue的列表会发现,底部有条白边. vue通过uni.getSystemInfoSync();方法获取系统信息,首次取值对,再次取值就出错 uni app每次启动 ...
vue插槽solt ，uni.app
一.什么是插槽? 插槽就是子组件提供给父组件使用的一个占位符,用<slot></solt>表示父组件可以在这个占位符中填充任何模板代码. 二.插槽的用法 1.创建一个子组件,在 ...
iphone app中读取本地txt,csv文件转载
原文地址:iphone app中读取本地txt,csv文件作者:醉吻花颜 - (void)readLocalData { NSString *path = [[NSBundle mainBundle ...
android读取带公章的pdf文件,APP中如何显示带电子签名的PDF文件
之前碰到一个需求,需要在手机 APP 中显示 pdf 文件.经过调研发现,在电脑上的浏览器如 chrome.safari等,可以直接显示 pdf 文件.由此联想到,在 APP 中能否通过浏览器来加载显 ...
iOS 在其它APP中通过本APP打开的文件如何保存至本APP，然后使用
1保存至本APP 需要实现在AppDelegate文件中实现方法 (BOOL)application:(UIApplication )app openURL:(NSURL )url options:( ...
iOS从Files App中无法打开特定格式文件的解决(提示没有访问权限)
问题现象从iOS 11开始,Apple在系统中增加了一个文件(Files) App, 若其中存储的文件被特定App注册过,我们就可以直接用对应的App将其打开: 但此时即使我们得到了文件的URL,读 ...

uni-app 中对流文件的处理

uni-app 中对流文件的处理相关推荐

最新文章

热门文章