前端a链接读取txt文件导出下载_前端导出功能实现的两种方式
发布日期:2021-08-19 23:51:57
浏览次数:2
分类:技术文章
本文共 1053 字,大约阅读时间需要 3 分钟。
1.点击链接
数据、文件格式全部在后台封装好,返回给前端一个链接,前端通过点击链接自动下载,两种方式:
1 (1)window.location.href = ‘url’2 (2)
2.解析后台返回的文件流
这种方式就是后台将要导出的文件以文件流的方式返回给前端,前端通过blob去解析,再动态创建a标签。
1 // 发请求 2 this.axios.post(url, {param: paramName}, {responseType: 'arraybuffer'}).then(res => { 3 let content = res.data; // 文件流 4 let blob = new Blob([content],{type: 'application/octet-stream'}); 5 let fileName = 'filename.xls'; 6 // 如果后端返回文件名 7 // let contentDisposition = res.headers['content-disposition']; 8 // let fileName = decodeURI(contentDisposition.split('=')[1]); 9 if ('download' in document.createElement('a')) { // 非IE下载10 let link = document.createElement('a');11 link.download = fileName;12 link.style.display = 'none';13 link.href = URL.createObjectURL(blob);14 document.body.appendChild(link);15 link.click();16 URL.revokeObjectURL(link.href) ; // 释放URL 对象17 document.body.removeChild(link);18 } else { // IE10+下载19 navigator.msSaveBlob(blob,fileName);20 }21 })
转载地址:https://blog.csdn.net/weixin_31414801/article/details/112207322 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
做的很好,不错不错
[***.243.131.199]2024年04月22日 02时58分39秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
PHP对于浮点型的数据需要用不同的方法去解决
2019-04-27
Tokyo Cabinet 安装
2019-04-27
Flink在美团的应用与实践听课笔记
2019-04-27
Java多线程的11种创建方式以及纠正网上流传很久的一个谬误
2019-04-27
JDK源码研究Jstack,JMap,threaddump,dumpheap的原理
2019-04-27
Java使用字节码和汇编语言同步分析volatile,synchronized的底层实现
2019-04-27
javac编译原理和javac命令行的使用
2019-04-27
Unity使用UnityWebRequest实现本地日志上传到web服务器
2019-04-27
Unity使用RenderTexture实现裁切3D模型
2019-04-27
美术和程序吵架,原来是资源序列化格式设置不统一
2019-04-27
Unity iOS接SDK,定制UnityAppController
2019-04-27
Unity iOS接SDK前先要了解的知识(Objective-C)
2019-04-27
记一次iOS闪退问题的定位:NSLog闪退
2019-04-27
Unity打开照相机与打开本地相册然后在Unity中显示照片(Android与iOS)
2019-04-27
无需接入SDK即可在Unity中获取经纬度(Android/iOS),告诉我你的坐标
2019-04-27
Unity获取系统信息SystemInfo(CPU、显卡、操作系统等信息)
2019-04-27
Unity中获取物体的尺寸(size)的三种方法
2019-04-27
Unity中的关节组件和绳子效果的实现
2019-04-27
Unity可视化编程插件: Bolt,可以像UE4的蓝图那样啦
2019-04-27