vue以文件流格式下载word

菠萝吹血

已于 2023-08-31 16:03:51 修改

阅读量452

点赞数 2

文章标签： vue.js javascript 前端

于 2023-08-31 16:02:02 首次发布

本文链接：https://blog.csdn.net/Lavante/article/details/132605310

版权

vue 以文件流格式下载word

使用方式

接口

export const busiBorrowOrder = () => {
  return request({
    url: 'xxxxxxxxxxxx',
    method: 'get',
    responseType: 'blob'  // Blob 对象，表示二进制数据
  })
}

使用

busiBorrowOrder().then(res => {
        const { data } = res;
        const blob = new Blob([data]);
        let disposition = decodeURI(res.headers["content-disposition"]);
        // 从响应头中获取文件名称
        let fileName = disposition.substring(
          disposition.indexOf("fileName=") + 9,
          disposition.length
        );
        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);
        }
      });