通过axios下载word 文件

最新推荐文章于 2024-06-07 13:29:18 发布

原创最新推荐文章于 2024-06-07 13:29:18 发布 · 2.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #axios #ajax

javascript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用axios通过POST请求从后台获取word文件流的方法。在下载过程中，首先设置axios的responseType为'blob'，然后在成功响应时创建一个Blob对象，并利用a标签的download属性实现文件下载。同时，为了避免响应错误，还强调了在拦截器中判断responseType是否为'blob'的重要性。

项目中使用axiso下载 word文件

通过axios的 post 向后台发起请求word文件流

function downWord(){
axios.post('/testDownExcelUrl',data,{
                responseType:'blob',
                header:{
                    'Content-Type':'application/json;charset=UTF-8',
                }
            }).then(res => {
                exportWord(res,'word文件');
            })
}
function exportWord(res,name){
    const blob = new Blob([res.data]);
    const fileName = name + '.word';
    const elink = document.createElement('a');
    elink.download = fileName;
    elink.style.display = 'none';
    elink.href = URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    URL.revokeObjectURL(elink.href); // 释放URL 对象
    document.body.removeChild(elink);
}