当前位置:网站首页>H5 之 文件流转base64下载
H5 之 文件流转base64下载
2022-08-04 15:19:00 【qq_45689385】
直接上代码,首先,请求时加一个 responseType 属性 本接口使用axios为例
export const gethpspfile = (data) => {
return axios.request({
url: URL_BASE + '/business/hpsp/hpysspcontroller/gethpspfile',
method: 'POST',
responseType: 'arraybuffer', // 这里加添
// responseType: 'blob',
data
});
};
在就是掉请求下载文件 这里使用 try catch 是因为返回的是一个文件流 axios给拦截了
// 下载附件
async download(item) {
uni.showLoading({ title: '下载中' });
try {
let res = await gethpspfile({ RECORDID: item.RECORDID });
} catch (error) {
let type = '';
// 下载的文件类型格式
if (item.FILETYPE == 'doc') {
type = 'data:application/msword;base64,';
} else if (item.FILETYPE == 'pdf') {
type = 'data:application/pdf;base64,';
}
//arrayBufferToBase64转换为Base64
let url = type + uni.arrayBufferToBase64(error);
// 创建a标签下载
let link = document.createElement('a');
link.style.display = 'none';
link.href = url;
link.setAttribute('download', '下载文件名称');
document.body.appendChild(link);
link.click();
uni.hideLoading();
}
}
base64对应的文件类型
txt | data:text/plain;base64, |
doc | data:application/msword;base64, |
docx | data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64, |
xls | data:application/vnd.ms-excel;base64, |
xlsx | data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64, |
data:application/pdf;base64, | |
pptx | data:application/vnd.openxmlformats-officedocument.presentationml.presentation;base64, |
ppt | data:application/vnd.ms-powerpoint;base64, |
png | data:image/png;base64, |
jpg | data:image/jpeg;base64, |
gif | data:image/gif;base64, |
svg | data:image/svg+xml;base64, |
ico | data:image/x-icon;base64, |
bmp | data:image/bmp;base64, |
边栏推荐
猜你喜欢
Online Excel based on Next.js
leetcode:212. 单词搜索 II
分布式链路追踪Jaeger + 微服务Pig在Rainbond上的实践分享
基于 Next.js实现在线Excel
365天挑战LeetCode1000题——Day 049 非递增顺序的最小子序列 贪心
Redis-哨兵模式
动态数组底层是如何实现的
直播系统开发——直播间架构的设计及难点分析
I/O stream summary
Legal education combined with VR panorama, intuitively feel and learn the spirit of the rule of law
随机推荐
2022杭电多校3
大众点评搜索相关性技术探索与实践
2022 Hangzhou Electric Multi-School 4
Redis 高可用
ping的原理
7 天能找到 Go 工作吗?学学 Go 数组和指针试试
Go 语言快速入门指南: 变量和常量
LeetCode_模拟_中等_498.对角线遍历
7 天找个 Go 工作,Gopher 要学的条件语句,循环语句 ,第3篇
Next -19- 开启fancybox查看图片大图
16、学习MySQL 正则表达式
uni-app 从零开始-生命周期(二)
NUS颜水成等发布首篇《深度长尾学习》综述
李沐的深度学习笔记来了!
Flutter 运动鞋商铺小demo
基本介绍PLSQL
FRED Application: Capillary Electrophoresis System
Hangzhou electric the competition team arrangement (ACM)
16. Learn MySQL Regular Expressions
X-ray grazing incidence focusing mirror