前端那些事20240126-前端那些事-avue2文件下载操作

前端歌谣

于 2024-03-11 10:54:44 发布

阅读量338

点赞数 10

文章标签：前端

本文链接：https://blog.csdn.net/qq_41632427/article/details/135869971

版权

2024-vue2vue3-前端那些事专栏收录该内容

312 篇文章 1 订阅

订阅专栏

本文介绍了一个JavaScript函数createDownFile，用于将HTTP响应数据转换为Blob对象，并利用URL.createObjectURL功能实现文件下载，重点在于处理文件下载过程的技术细节。

摘要由CSDN通过智能技术生成

// 生成下载文件
export function createDownFile(res, filename) {
  const link = document.createElement("a");
  let blob = new Blob([res.data], {
    type: "application/vnd.ms-excel;charset=utf-8"
  });
  link.style.display = "none";
  //设置连接
  link.href = URL.createObjectURL(blob);
  link.download = filename;
  document.body.appendChild(link);
  //模拟点击事件
  link.click();
}