前端a标签下载文件

静态文件下载

下载文件 后端需要压缩格式 zip 或 其他的压缩格式 或者 二进制 等
后端设置

const express = require("express")
const app = express();

app.use(express.static('public'));
app.listen(3000,()=>{console.log("执行成功");});

// public静态资源中 有 img.zip的压缩格式

<a id="box" href="http://localhost:3000/img.zip" download="img.zip">11</a>
 h5 新增属性  a标签 添加download 进行下载  惠会自动查找地址 href的地址
任何下载都可以使用 a 标签进行下载     a标签下载不单单只是这么一点点
点击直接下载   download="设置的名字与后缀"


a.href = "http://localhost:3000/img.zip";
a.download = "img.zip";   // 给a标签设download 并设置文件名
   会自动执行点击下载
 a.click()

不是资源文件下载
前端设置

let a =document.createElement("a")

let blob = new Blob([val])  // 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作

let url = URL.createObjectURL(blob); // 将数据转化成  链接格式 
a.href = url   // 链接地址
a.download = "22.txt"   //  文件名称及后缀
a.click()   // 自动下载