js 实现后端返回的数据流下载

最新推荐文章于 2024-05-13 10:37:12 发布

孜然卷k

最新推荐文章于 2024-05-13 10:37:12 发布

阅读量320

点赞数

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

原文链接：https://www.cnblogs.com/l-ialiu/p/16280285.html

版权

JavaScript学习专栏收录该内容

25 篇文章 0 订阅

订阅专栏

在调用中添加

responseType: "arraybuffer",   //设置请求的方式，后台返回数据流，就要设置 arraybuffer 。

    download2(params).then(ret => {//ret为后端文件
      if (ret) {
        let blob = new Blob([ret],
          // { type: "application/vnd.ms-excel" }
        );
        let objectUrl = (window.URL || window.webkitURL).createObjectURL(blob);
        let downFile = document.createElement("a");
        let fileName = "2.0下载.xls";
        downFile.style.display = "none";
        downFile.href = objectUrl;
        downFile.download = fileName;          // 下载后文件名
        document.body.appendChild(downFile);
        downFile.click();
        document.body.removeChild(downFile);   // 下载完成移除元素
        window.URL.revokeObjectURL(objectUrl); // 只要映射存在，Blob就不能进行垃圾回收，因此一旦不再需要引用，就必须小心撤销URL，释放掉blob对象。
      }
    })