前端处理下载文件流

最新推荐文章于 2024-04-09 21:20:37 发布

F_cy

最新推荐文章于 2024-04-09 21:20:37 发布

阅读量264

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_44510655/article/details/130323180

版权

在处理后端返回的文件流时，需要设置请求resopnseType:blob，接下来对文件流进行处理：

    let blob = new Blob([res], {
      type: "application/octet-stream;charset=UTF-8",
    });

    var downloadElement: any = document.createElement("a");
    // 下载的文件名
    downloadElement.download = "暂无名称.mp3"; // 文件名称 自定义
    // 创建下载的链接
    downloadElement.href = window.URL.createObjectURL(blob);
    // 点击下载
    downloadElement.click();
    document.body.appendChild(downloadElement);
    // 下载完成移除元素
    document.body.removeChild(downloadElement);
    // 释放掉blob对象
    window.URL.revokeObjectURL(downloadElement.href);