// 点击下载
<button type="button" @click="download">
// 下载事件
download(){
// 使用浏览器自带的 window.open()
// this.url: 后台接口的路径
// parse: 下载路径的拼接和后端接口
// daownloadList: 需要下载的文件id,可以多个下载需要拼接id
// 如何拼接多个需要下载的id
// 向后端传参数需要多个参数逗号隔开
let downloadList= ''
// this.dataList 是后端返回的数组.用于提取我们要下载的文件ID
this.dataList.forEach(v=>{
downloadList+=`${v.id},`
})
// 去除拼接最后一个参数的逗号
downloadList=
downloadList.substring(downloadList.length - 1) == ","
? downloadList.substring(0, downloadList.length - 1): downloadList;
let parse = this.url + `/vehicle/download?ids=${downloadList}`;
window.open(parse);
}
后端返回文件流,前端对文件下载
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- type格式可选择可以参考我另外一篇文章【office文件所对应的的 Content-type类型Content-...
- 后续 兼容 IE 浏览器无法正常下载的问题 经过反复的实验，发现上面的函数在后端设置数据流格式为 msexcel ...
- 前后端分离，后端返回文件流，在前端通过请求 api 的方式下载 excel 文件。 前端代码 适用于 v4，应该也...
- 1.html 2.修改axios请求的responseType为blob，以post请求为例 3.进行请求处理
