vue 文件导出

需求:

报表导出,格式一般是 docx 或者 xlsx 。

后端会返回 二进制文件,或者直接给一个 blob 数据,我们直接用:::

通常可以使用JavaScript的Blob对象和URL.createObjectURL方法来创建一个下载链接

bash 复制代码
const blob = new Blob([res])
const downloadElement = document.createElement('a')
const href = window.URL.createObjectURL(blob) // 创建下载的链接
downloadElement.href = href
downloadElement.download = `文件${moment().format('HH:mm:ss')}.xlsx` // 下载后文件名(注意格式)
document.body.appendChild(downloadElement)
downloadElement.click() // 点击下载
document.body.removeChild(downloadElement) // 下载完成移除元素
window.URL.revokeObjectURL(href) // 释放掉blob对象
ElMessage.success('导出成功')
相关推荐
csdn2015_1 分钟前
java 把对象转化为json字符串
java·前端·json
shughui4 分钟前
Fiddler(二):自动转发(AutoResponder)功能详解
前端·测试工具·fiddler
初见雨夜6 分钟前
OpenAI 官方出手:把 Codex 接进 Claude Code
前端·openai·ai编程
前端付豪7 分钟前
实现消息级操作栏
前端·人工智能·后端
GISer_Jing10 分钟前
Claude Code的「渐进式披露」——让AI Agent从“信息过载”到“精准高效”
前端·人工智能·aigc
apcipot_rain16 分钟前
HTML知识概述
前端·javascript·html
计算机学姐21 分钟前
基于SpringBoot的新能源充电桩管理系统
java·vue.js·spring boot·后端·mysql·spring·java-ee
leiming624 分钟前
巧用 FreeRTOS 任务通知作“邮箱”:NeoPixel 灯环控制实战
java·前端·算法
茶底世界之下30 分钟前
Harbeth:高性能Metal图像处理库,让你的图片处理速度飞起来!
前端·github·swift
wangfpp33 分钟前
Pretext 如何颠覆前端文本布局
前端