Axios 发送 post 请求下载文件 blob 流

//fileDownload.js

import axios from 'axios';
/**
 * 发送post请求下载文件，返回的为 blob 流
 * @param {*} url 接口地址
 * @param {*} data 参数
 * @param {*} fileName 文件名
 */
export default async function fileDownload(url, data, fileName) {
  axios.defaults.headers.post['Content-Type'] = 'application/json';
  await axios({
    method: 'post',
    url: url,
    data: JSON.stringify(data),
    responseType: 'blob'
  }).then((res) => {
    const content = res.data;
    const contentType = res.headers['content-type'] || "application/octet-stream"; // 处理浏览器兼容
    const blob = new Blob([content], {type: contentType});
    if ('download' in document.createElement('a')) { //非ie
      const fileLink = document.createElement('a');
      fileLink.download = fileName;
      fileLink.style.display = 'none';
      fileLink.href = URL.createObjectURL(blob);
      document.body.appendChild(fileLink);
      fileLink.click();
      URL.revokeObjectURL(fileLink.href); // 释放URL 对象
      document.body.removeChild(fileLink);
    } else { //ie10+
      navigator.msSaveBlob(blob, fileName);
    }
  })
}

//具体使用
import fileDownload from 'fileDownload';
fileDownload("url", "data", "fileName").then( () => {
  //可以处理回调，例如下载状态
})



// 返回pdf 流并预览
export default async function pdfPreview(method, url, data, fileName) {
  let open;
  if ('download' in document.createElement('a')) {
    open = window.open(); //防止拦截
  }
  axios.defaults.headers.post['Content-Type'] = 'application/json';
  try {
    await axios({
      method: method,
      url: url,
      data: JSON.stringify(data),
      responseType: 'blob'
    }).then((res) => {
      const content = res.data;
      const contentType = res.headers['content-type'] || "application/pdf"; // 处理浏览器兼容
      const blob = new Blob([content], {type: contentType});
      if ('download' in document.createElement('a')) { //非ie -ie不支持预览
        const href = URL.createObjectURL(blob);
        open.location = href;
      } else { //ie10+
        navigator.msSaveBlob(blob, fileName);
      }
    })
  } catch(err) {
  }  
}