前端文件下载记录

tian6632

已于 2023-02-14 15:47:07 修改

阅读量53

点赞数

分类专栏： vue react 文章标签： javascript 前端 html

于 2023-02-13 14:35:46 首次发布

本文链接：https://blog.csdn.net/tian6632/article/details/129008432

版权

vue 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

react

3 篇文章 0 订阅

订阅专栏

import request from "./axios"
// 地址、参数、文件名
downBlobFile(url, query, fileName) {
    return request({
        url: url,
        method: "get",
        responseType: "blob",
        params: query
    }).then(response => {
        // 处理返回的文件流
        const blob = response.data;
        if (blob && blob.size === 0) {
            alert("内容为空，无法下载");
            return;
        }
        const link = document.createElement("a");
        link.href = window.URL.createObjectURL(blob);
        link.download = fileName;
        document.body.appendChild(link);
        link.click();
        window.setTimeout(function () {
            window.URL.revokeObjectURL(blob);
            document.body.removeChild(link);
        }, 0);
    });
}