axios请求接口后获取blob文件名

CQ凌云

已于 2022-02-17 17:44:36 修改

阅读量2.6k

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript

于 2022-02-16 10:59:06 首次发布

本文链接：https://blog.youkuaiyun.com/sumuyun/article/details/122958969

本文介绍如何在JavaScript中利用axios发送请求获取blob数据，并模拟a标签实现文件下载功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let name = res.headers["content-disposition"].split(';')[1].split('filename=')[1];

js模拟a标签下载blob

downloadFileByBlob(content, fileName) {
    const blob = new Blob([content]);
    const a = document.createElement("a");
    const url = window.URL.createObjectURL(blob);
    const filename = fileName;
    a.href = url;
    a.download = filename;
    a.click();
    window.URL.revokeObjectURL(url);
}