前端文件流导出

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、后端返回数据:

相关推荐
spionbo3 分钟前
Vue 表情包输入组件实现代码及完整开发流程解析
前端·javascript·面试
全宝4 分钟前
✏️Canvas实现环形文字
前端·javascript·canvas
lyc2333334 分钟前
鸿蒙Core File Kit:极简文件管理指南📁
前端
我这里是好的呀4 分钟前
全栈开发个人博客12.嵌套评论设计
前端·全栈
我这里是好的呀5 分钟前
全栈开发个人博客13.AI聊天设计
前端·全栈
金金金__6 分钟前
Element-Plus:popconfirm与tooltip一起使用不生效?
前端·vue.js·element
lyc2333337 分钟前
小L带你看鸿蒙应用升级的数据迁移适配📱
前端
用户268128510666913 分钟前
react-pdf(pdfjs-dist)如何兼容老浏览器(chrome 49)
前端
阿怼丶13 分钟前
🚀 如何在内网中运行 Cesium?基于 NestJS 构建离线地形与影像服务
前端·gis