[js进阶]js实现文件流下载文件

最新推荐文章于 2024-05-30 10:42:05 发布

豆子前端

最新推荐文章于 2024-05-30 10:42:05 发布

阅读量2.6k

点赞数

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

本文链接：https://blog.csdn.net/qq_41996454/article/details/125623475

版权

前端专栏收录该内容

175 篇文章 11 订阅

订阅专栏

js实现文件流下载文件

/**
 * desc: 文件下载 导出结果处理  type:文件类型 zip .xls .xlsx ...
 */
export function handleDownLoadFile(response, type, fileName) {
    let blob = new Blob([response], {
        type: type + ';charset=utf-8'
    });
    let src = window.URL.createObjectURL(blob);
    if (src) {
        let link = document.createElement('a');
        link.style.display = 'none';
        link.href = src;
        link.setAttribute('download', fileName);
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link); //下载完成移除元素
        window.URL.revokeObjectURL(src); //释放掉blob对象
    }
}

/**
 * desc: 文件下载 导出结果处理  从header中提取文件名称
 */
export function handleDownLoadFileFromHeader(response) {
    const names = response.headers['content-disposition'];
    // 'attachment; filename=efsdfs.xlsx'
    const str = names.replace(' ', '');
    const arr = str.split(';');
    let fileName = '';
    arr.some(s => {
        if (s.indexOf('filename') != -1) {
            fileName = s.split('=')[1];
        }
        return s.indexOf('filename') != -1;
    });

    let src = window.URL.createObjectURL(response.data);
    if (src) {
        let link = document.createElement('a');
        link.style.display = 'none';
        link.href = src;
        link.setAttribute('download', decodeURI(decodeURI(fileName)));
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link); //下载完成移除元素
        window.URL.revokeObjectURL(src); //释放掉blob对象
    }
}