前端文件下载的3种姿势：从简单到高级

参考：https://mp.weixin.qq.com/s/6-_ZPYzWiA-1J9Q_nOz0MA  以及我的另外一个章节 https://www.cnblogs.com/wfblog/p/9144533.html

1. <a> 标签的 download 属性 (最简单)

原理：
HTML5为 <a> 标签引入了 download 属性。当用户点击带有 download 属性的链接时，浏览器会强制下载链接指向的资源，而不是导航到它。你还可以为 download 属性指定一个值，作为建议的下载文件名。

 

2. window.open() 或 window.location.href

这种方式本质上是导航到一个URL，如果服务器在该URL响应时设置了 Content-Disposition: attachment; filename="filename.ext" 这样的HTTP头部，浏览器就会触发下载。

重点：这种发送，请求头，必须有 attachment，才能触发浏览器下载。

 

3、使用 Fetch API 或 XMLHttpRequest (XHR) + Blob + URL.createObjectURL()