js导出文件流

/*
 * @params {string} url 请求地址
 * @params {object} resOpts 请求配置参数
 * @params {object} headers 请求头
 */

// 文件导出
export const exportFileRequest = (url, resOpts) => {
 const token = ''   // 这里面是token
  const headers = { Authorization: "Bearer "   token };
  return axios({
    method: "get",
    url: `${baseURL}${url}`,
    params: resOpts,
    responseType: "blob",
    headers: headers
  });
};

/*
 * @params  res exportFileRequest返回的数据
 */

export function downloadFile(res) {
  fileToJson(res.data).then(resove => {
    if (resove && resove.code) {
      aleart(resove.msg)
    } else {
     aleart('文件下载中，请稍等')
      const filename = res.headers["filename"];
      const name = decodeURIComponent(filename);
      // 文件导出
      if (!res.data) {
        return;
      }
      let url = window.URL.createObjectURL(new Blob([res.data]));
      let link = document.createElement("a");
      link.style.display = "none";
      link.href = url;
      link.setAttribute("download", `${name}`);
      document.body.appendChild(link);
      link.click();
    }
  });
}

function fileToJson(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = res => {
      const { result } = res.target; // 得到字符串
      let index = result.indexOf("code");
      if (index != -1) {
        const data = JSON.parse(result); // 解析成json对象
        resolve(data);
      } else {
        resolve(result);
      }
    }; // 成功回调
    reader.onerror = err => {
      reject(err);
    }; // 失败回调
    reader.readAsText(new Blob([file]), "utf-8"); // 按照utf-8编码解析
  });
}

这篇好文章是转载于：学新通技术网