前端文件流导出

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

相关推荐
Zachery Pole几秒前
JAVA_03_运算符
java·开发语言·前端
Lyda2 分钟前
i18n Ally Next:重新定义 VS Code 国际化开发体验
前端·javascript·后端
xiao阿娜的妙妙屋13 分钟前
Seedance2.0在哪可以用?自媒体人狂喜!这款AI视频神器我吹爆了
前端
橙序员小站4 分钟前
程序员如何做好年夜饭:用系统设计思维搞定一桌硬菜
前端·后端
瞌睡不醒6 分钟前
在行情面板中加入 K 线:一次结构升级的实现过程
前端
Flywith2420 分钟前
【2025 年终总结】北漂五年,而立,婚礼,折叠车
android·前端·程序员
Aliex_git29 分钟前
gzip 压缩实践笔记
前端·网络·笔记·学习
木昆子29 分钟前
实战A2UI:从JSON到像素——深入Lit渲染引擎
前端·人工智能
an3174233 分钟前
React 页面加载埋点的正确姿势:useEffect 与 document.readyState 完美配合
前端·javascript·react.js