vue 文件流下载iegoogle兼容

Posted 2021-09-14 一统

// //从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment; filename=xxxx.docx") 设置的文件名;
  var patt = new RegExp("filename=([^;]+\\\\.[^\\\\.;]+);*");
  var contentDisposition = decodeURI(res.headers["content-disposition"]);
  var result = patt.exec(contentDisposition);
  var fileName = result[1];
  fileName = fileName.replace(/\\"/g, "");
  // IE兼容方法
  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(res.data, fileName);
    return;
  }
  const aLink = document.createElement("a");
  var blob = new Blob([res.data], { type: mimeType });
  aLink.href = URL.createObjectURL(blob);
  aLink.setAttribute("download", fileName); // 设置下载文件名称
  document.body.appendChild(aLink);
  aLink.click();