文件下载(导出)功能，fileDownload。

1，直接通过a标签的href属性完成下载功能

<a :href="'/api/data/Export?token='+token"></a>

2，通过window.open()实现下载

 window.open("/api/data/Export?token="+this.token)

前两种方法需要和后端约定好，将token以参数的形式传递过去，无法放在header里面。

3，下面这种方法可以通过axios请求文件信息，通过fileDownload实现下载

npm安装依赖

npm install js-file-download

在页面中导入

import fileDownload from "js-file-download";

获取文件，导出(该方法需要设置responseType: "arraybuffer")

//引入接口文档中的exportFile请求
import exportFile from @/config/api;
downloadFile(e) {exportFile.then((res) => {let fileName = res.headers["content-disposition"].split(";")[1].split("=")[1]//fileDownload(文件，文件名)  这里在响应请求头中获取到文件名称 如果无法获取到  res.headers响应头，封装好的请求只把返回参数return给了成功回调，需要在封装请求这个地方做一下处理fileDownload(res.data, fileName);});},// 接口封装  api.jsexport function exportFile(url,parameter) => {return request({url: "请求路径",method: "get",responseType: "arraybuffer",//重点params: "传递参数",})
}

文件下载(导出)功能，fileDownload。相关推荐

分区数据导出功能（服务端实现）
服务端实现第一步:查询所有的分区数据第二步:使用POI将数据写到Excel文件中第三步:使用输出流进行文件下载 package com.learn.bos.web.action;import j ...
ThinkPHP6 excel 导出功能完整实现
在 ThinkPHP 6.0 中实现 excel 导入导出功能,需要使用第三方库或扩展,例如 phpspreadsheet. 目录安装加载类库添加路由模拟数据导出真实数据导出保存到本地总 ...
vue导出excel加一个进度条_vue 实现excel导出功能
最近Vue项目中用到了导出功能,在网上搜索了一番之后,决定采用Blob方式,这也是大家推荐的一种的方式,特此做下记录. 导出Excel功能我是使用vue-cli3.0的框架,所以在安装过程中没有遇到 ...
系统项目报表导出功能开发
与正常的导出功能不同,应局方要求需要导出一些截至当前的工程采集状态.提交审核状态等字段.该一类字段需要在导出时进行实时统计并且比较耗时. 1. 前期统计方式:单线程全量统计并返回前端问题:根据当时统 ...
java导出功能无法下载excel
java导出功能无法下载excel 开始使用ajax请求,项目不报错,但是浏览器也没有Excel文件下载,查找代码好久都没有解决原因:Ajax请求只是个"字符型"的请求,即请求的 ...
基于easyexcel的MySQL百万级别数据的excel导出功能
前言最近我做过一个MySQL百万级别数据的excel导出功能,已经正常上线使用了. 这个功能挺有意思的,里面需要注意的细节还真不少,现在拿出来跟大家分享一下,希望对你会有所帮助. 原始需求:用户在U ...
RDIFramework.NET ━ .NET快速信息化系统开发框架 V3.2-新增模块管理界面导出功能（可按条件导出）...
RDIFramework.NET ━ .NET快速信息化系统开发框架 V3.2->新增模块管理界面导出功能(可按条件导出) 导出功能在很多应用场景中都需要,RDIFramework.NET V3 ...
Spring MVC 实现Excel的导入导出功能(2：Excel的导入优化和Excel的导出)
Excel的导入V2优化版有些时候文件上传这一步骤由前端来处理,只将上传后的 URL 传输给后端(可以参考上一文中的图片上传功能),也就是导入请求中并不会直接处理 MultipartFile 对象, ...
关于Sqlserver中 BCP命令，实现数据导出功能。
关于Sqlserver中 BCP命令,实现数据导出功能. exec master..xp_cmdshell 'bcp "select 账号 ,姓名, 账号 from datat.dbo.个人 ...

文件下载(导出)功能，fileDownload。

文件下载(导出)功能，fileDownload。相关推荐

最新文章

热门文章