前端vue如何下载或者导出word文件和excel文件
前端用vue怎么接收并导出文件
- window.location.href = "https://www.it610.com/article/excel地址"
- 如果是 get 请求,那直接换成 window.open(url) 就行了
- 创建一个隐藏的 iframe,把 iframe 的 src 指向这个 url,就可以下载了
【前端vue如何下载或者导出word文件和excel文件】
- 如果是 post 请求,那创建一个 form,target 指向这个 iframe。让后台加一个文件下载的 http response header Content-Disposition: attachment; filename="filename.xlsx", 浏览器自己会处理文件下载的。
本人用的是第三种方法
生明方法downloadFilemodule.exports = (url = ``) => {
try {
const elemIF = document.createElement(`iframe`);
elemIF.src = https://www.it610.com/article/url;
elemIF.style.display = `none`;
document.body.appendChild(elemIF);
} catch (e) {
console.log(e);
}
};
调用downloadFile(url)downloadFile(`${this.$base.path.nodeServiceHost}/downLoad?url=/zhyj/busi/download&fastReportId=${row.fastReportId || ``}`);
(此是原创) 转载请标注原文链接,谢谢。。。 转载于:https://www.cnblogs.com/JinXinYuan/p/10521235.html
推荐阅读
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- 如何寻找情感问答App的分析切入点
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus使用queryWrapper如何实现复杂查询
- 如何在Mac中的文件选择框中打开系统隐藏文件夹
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- java中如何实现重建二叉树
- Linux下面如何查看tomcat已经使用多少线程