前端下载zip出现文件打不开

最新推荐文章于 2024-07-02 16:45:38 发布

elongpaox

最新推荐文章于 2024-07-02 16:45:38 发布

阅读量4k

点赞数 4

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_42419603/article/details/124878117

版权

因为后端传递过来的是zip流的形式，在返回数据中data里面的数据为类似与base64的格式，我们平常处理的时候是将data里的数据转换成blob的形式。在此步我们就做错了，我们应当在请求的时候加上responseType: "blob"，这样我们就直接接收到blob的数据格式，然后直接进行转成url链接进行下载

// --- 封装的axios
export function test(data) {
    return request({
        url,
        method: 'post',
        responseType: "blob",
        data
    })
}

// --- 处理下载 res.data:请求过来的blob数据
let url = window.URL.createObjectURL(res.data);
const link = document.createElement("a"); // 创建a标签
link.style.display = "none";
link.href = url;
link.download = new Date().getTime();
link.click();
URL.revokeObjectURL(url); // 释放内存
link.remove();