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);
});

注意:能下载什么格式的文件自己测试,浏览器支持也要测试,我只测了我自己的项目 

 

Logo

前往低代码交流专区

更多推荐