前端下载word、excel文件的两种方法

|--------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|
| 文件后缀 | type |
| .doc | application/msword |
| .docx | application/vnd.openxmlformats-officedocument.wordprocessingml.document |
| .xls | application/vnd.ms-excel |
| .xlsx | application/vnd.openxmlformats-officedocument.spreadsheetml.sheet |

一、使用POST请求,常规方法(不再赘述)

二、直接使用get请求文件地址

javascript 复制代码
handleExport(){
   let { type,time} = this.formData;
   //判断当前开发环境
   let isProduction= process.env.NODE.ENV==='prodution' ? true:false;
   let url = `${isProduction ? '' :'http://10.3.142.35:9902'}/dataManager/export?type= 
             ${type}&time=${time}`;
   //也可以使用window.open(url),但是会出现页面闪动,所以不推荐
   const link = document.createElement('a');
   link.href = url;
   link.click();
}

备注:url如果直接在浏览器中打开,则直接下载文件;

/dataManager/export为导出接口,get请求。

相关推荐
玩泥巴的17 小时前
.NET驾驭Word之力:COM组件二次开发全攻略之连接Word与创建你的第一个自动化文档
word·二次开发·com互操作
辣香牛肉面2 天前
[Windows] 搜索文本2.6.2(从word、wps、excel、pdf和txt文件中查找文本的工具)
word·excel·wps·搜索文本
FlYFlOWERANDLEAF3 天前
DevExpress中Word Processing Document API学习记录
学习·c#·word
AnySpaceOne3 天前
PDF转Word在线转换教程:多种实用方法分享
学习·pdf·word
我命由我123454 天前
Word - Word 的 5 种视图(页面视图、阅读视图、Web 版式视图、大纲视图、草稿视图)
ui·word·excel·photoshop·表格·ps·美工
XYZLHL4 天前
Word怎么设置页码总页数不包含封面和目录页
word
传而习乎4 天前
Word添加图/表题注
word
YAY_tyy4 天前
基于 Vue3 + VueOffice 的多格式文档预览组件实现(支持 PDF/Word/Excel/PPT)
前端·javascript·vue.js·pdf·word·excel
东风西巷5 天前
Atlantis Word Processor:全方位的文字处理专家
前端·学习·word·软件需求