vue+axios实现下载文件功能
vue+axios实现下载文件功能正常使用axios的GET请求(POST请求没测);代码如下:axios.get(`${url}`,{params: {data: data},responseType: 'blob',onDownloadProgress: function (progressEven...
·
vue+axios实现下载文件功能
正常使用axios的GET请求(POST请求没测);
代码如下:
axios.get(
`${url}`,
{
params: {data: data},
responseType: 'blob',
onDownloadProgress: function (progressEvent) {
console.log(progressEvent)
// 在此处处理进度
}
}
)
.then(res => {
const url = window.URL.createObjectURL(new Blob([res.data]));
const link = document.createElement('a');
link.href = url;
let fileName = res.headers['content-disposition'].split('filename=');
link.setAttribute('download', fileName[1]);
document.body.appendChild(link);
link.click();
})
.catch(er => {
console.error(er);
});
注意:能下载什么格式的文件自己测试,浏览器支持也要测试,我只测了我自己的项目
更多推荐
已为社区贡献7条内容
所有评论(0)