前端文件流导出

1、前端代码

javascript 复制代码
​
/** 导出 */
const handleExport = async () => {
  let config = {
    responseType: 'blob',
    headers: {
      'Content-Type': 'application/json',
    },
  };
  const res = await getTargetExport(config);
  const blob = new Blob([res]);

  const fileName = 'PK目标跟进导出列表.xls';
  const linkNode = document.createElement('a');

  linkNode.download = fileName;
  linkNode.style.display = 'none';

  linkNode.href = URL.createObjectURL(blob);
  document.body.appendChild(linkNode);

  linkNode.click();
  URL.revokeObjectURL(linkNode.href);
  document.body.removeChild(linkNode);
};

/** 导出接口 */
export const getTargetExport = config => {
  return request(`${prefixPath}/target-follows/export`, {
    method: 'GET',
    ...config,
  });
};

​

2、后端返回数据:

相关推荐
拖孩24 分钟前
【Nova UI】六、SASS 赋能组件库:通用方法与混入的变革力量
前端·javascript·vue.js
九亿AI算法优化工作室&26 分钟前
Qt平台+三维建模+动画演示+工业风展示
前端·qt
kurcp1 小时前
vue3 antdesign上传解析excel
前端·typescript·excel
旭久1 小时前
前端下载文件时浏览器右上角没有保存弹窗及显示进度,下载完之后才会显示保存弹窗的问题定位及解决方案
前端
excel1 小时前
webpack 模块 第 一 节
前端
excel1 小时前
webpack 格式化模块 第 七 节
前端
好_快2 小时前
Lodash源码阅读-dropRight
前端·javascript·源码阅读
好_快2 小时前
Lodash源码阅读-drop
前端·javascript·源码阅读
程序猿chen3 小时前
安全岗の夺命连环问:(第壹篇)从XSS到0day的灵魂拷问
前端·git·安全·面试·跳槽·xss·改行学it
前端_yu小白4 小时前
js异步机制
前端·javascript·async·promise·await·js异步·回调地狱