vue 实现文件下载

阅读更多

vue 实现文件下载



https://forum.vuejs.org/t/vue/25491/3
https://www.cnblogs.com/yulj/p/8494465.html

项目里刚刚写的，不知道符合不
// params 参数 路径 文件名
downLoadMix(params, url, title) {
axios({
method: ‘post’,
url,
headers: {
‘Content-Type’: ‘application/json’
},
data: params,
responseType: ‘arraybuffer’
}).then(res => {
let headers = res.headers;
let blob = new Blob([res.data], {
type: headers[‘content-type’]
});
let link = document.createElement(‘a’);
link.href = window.URL.createObjectURL(blob);
if (!title) {
const fileName = headers[‘content-disposition’];
title = fileName.includes(‘filename=’) ? fileName.split(’=’)[1] : ‘下载的表单文件’;
}
link.download = title;
link.click();
});
}

new Blob([res.data]这个是关键