vue根据后台数据导出execl

最新推荐文章于 2024-06-22 14:00:21 发布

故事与我

最新推荐文章于 2024-06-22 14:00:21 发布

阅读量145

点赞数

文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_45102155/article/details/108964565

版权

这段代码演示了如何使用POST请求导出用户信息，并将响应转换为二进制数据，进一步创建成MS Word文件。通过FileReader读取并转换为base64，然后创建一个动态的a标签下载文件。这个过程适用于前端实现数据导出到Excel。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

export function exportUserinfoList(data) {
  return request.postJson(urls.exportUserinfoList, data, {
    responseType: "arraybuffer"
  }).then((res) => {
    console.log(res);
    var blob = new Blob([res], {
      type: 'application/msword;charset=utf-8'
    });
    var reader = new FileReader();
    reader.readAsDataURL(blob); // 转换为base64，可以直接放入a标签的href里
    let date = new Date().getTime();
    reader.onload = function (e) {
      var a = document.createElement('a');
      a.download = `会员信息-${date}.xlsx`;
      a.href = e.target.result;
      document.body.append(a); // 修复firefox中无法触发click
      a.click();
      a.remove();
    }
  }).catch(error => {
    console.log(error)
  })
}