前端下载文件

zip文件

后端返回zip的二进制文件

// res为二进制文件 
// 创建一个对象 URL
const urlObject = URL.createObjectURL(new Blob([res]))
// 创建一个临时的 <a> 元素用于下载
const a = document.createElement('a')
a.style.display = 'none'
a.href = urlObject
a.download = "压缩包.zip" // 你可以根据需要修改下载的文件名
// 将 <a> 元素添加到文档中
document.body.appendChild(a)
// 触发点击事件以下载文件
a.click()

各种文件的二进制文件

// 新建download.js
export default {// 下载 Excel 方法excel(data, fileName) {this.download0(data, fileName, "application/vnd.ms-excel");},// 下载 Word 方法word(data, fileName) {this.download0(data, fileName, "application/msword");},// 下载 Zip 方法zip(data, fileName) {this.download0(data, fileName, "application/zip");},// 下载 Html 方法html(data, fileName) {this.download0(data, fileName, "text/html");},// 下载 Markdown 方法markdown(data, fileName) {this.download0(data, fileName, "text/markdown");},// 下载 PDF 方法pdf(data, fileName) {this.download0(data, fileName, "application/pdf");},download0(data, fileName, mineType) {// 创建 bloblet blob = new Blob([data], { type: mineType });// 创建 href 超链接，点击进行下载window.URL = window.URL || window.webkitURL;let href = URL.createObjectURL(blob);let downA = document.createElement("a");downA.href = href;// downA.download = fileName;downA.click();// 销毁超连接window.URL.revokeObjectURL(href);},
};// 使用
download.excel(response,"文件")
download.word(response,"文件")
download.zip(response,"文件")
download.html(response,"文件")
download.markdown(response,"文件")
download.pdf(response,"文件")