流文件的处理

最新推荐文章于 2023-07-29 12:35:53 发布

qq_45277352

最新推荐文章于 2023-07-29 12:35:53 发布

阅读量419

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_45277352/article/details/119956507

版权

后端返回流文件的时候的处理：

axios.get(url, {
    ...config,
    headers: { platform: 'pc' },
    params,
    responseType: 'blob',
  });
  //这里的responseType: 'blob',确定了返回的类型为流

//处理流的方法
getFailData({ uuid })
      // .then(res=>res.blob())
      .then((res) => {
        // 处理返回的文件流
        // 注意 返回的res 无需做任何处理，有时在用框架封装的请求之后会出现返回response.text() 等情况导致文件流下载失败。
        const content = res; //接口返回文件流值
        const blob = new Blob([content]);
        const fileName = '失败数据.xlsx';
        if ('download' in document.createElement('a')) {
          // 非IE下载
          const elink = document.createElement('a');
          elink.download = fileName;
          elink.style.display = 'none';
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();
          URL.revokeObjectURL(elink.href); // 释放URL 对象
          document.body.removeChild(elink);
        } else {
          // IE10+下载
          navigator.msSaveBlob(blob, fileName);
        }
      })
      .catch((err) => {
        console.log(err);
      });
  };