博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue通过Blob实现下载文件
阅读量:5010 次
发布时间:2019-06-12

本文共 912 字,大约阅读时间需要 3 分钟。

需求是这样的......

具体实现,前端拿到后端返回回来的数据,然后通过Blob实现下载,文件内容样式啥的都是后端写的

script代码:

这里的data就是后端返回回来的数据,此方法兼容IE

1 download(data) { 2       if (!data) { 3         return; 4       } 5       let blob = new Blob([data], { 6         type: 7           "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8" 8       }); 9       let url = window.URL.createObjectURL(blob);10       let fileName = this.data.plan_no + "出团通知单.docx";11       if ("download" in document.createElement("a")) {12         const a = document.createElement("a");13         a.href = url;14         a.download = fileName;15         a.style.display = "none";16         document.body.appendChild(a);17         a.click();18         URL.revokeObjectURL(a.href);19         document.body.removeChild(a);20       } else {21         navigator.msSaveBlob(blob, fileName);22       }23     }

 

转载于:https://www.cnblogs.com/jun-qi/p/10931432.html

你可能感兴趣的文章
C#例子 易懂故事 接口 委托 事件 异步通知 好玩.
查看>>
[转]Windows Shell 编程 第十一章 【来源:http://blog.csdn.net/wangqiulin123456/article/details/7987992】...
查看>>
修改presto新版源码让他支持redash数据库
查看>>
Javascript的书写位置
查看>>
树-线索二叉树
查看>>
JAVA遇见HTML——Servlet篇:Servlet基础
查看>>
第二章 Vue快速入门--20 品牌案例-完成品牌列表的添加功能+ 21 品牌案例-根据Id完成品牌的删除...
查看>>
[转]CodeSmith和PowerDesigner的使用安装和数据库创建
查看>>
Android手机配置gcc,实现手机编译代码
查看>>
Java单例模式
查看>>
重温WCF之消息契约(MessageContract)(六)
查看>>
Excel2007制作直方图和正态分布曲线图
查看>>
android adb常用指令
查看>>
Android框架之路——GreenDao3.2.2的使用
查看>>
类方法WCF学习笔记-KnowTypeAttribute用法
查看>>
平台程序微信平台开发应用的签名
查看>>
程序卡OK6410裸板更新程序_update
查看>>
MYSQL用户名:root
查看>>
JavaScript 开发规范要求
查看>>
Devstack 安装OpenStack Pike版本(单机环境)
查看>>