blob 文件下载
利用HTML5中a标签的download属性实现下载 1.直接使用a标签进行下载 他可以使a标签的href属性进行下载，如果填写指就会更改你的下载名称(默认后端返回的文件名称) 2.借助blob对象 动态创建a标签进行下载 请求后端获取文件流及文件信息 封装下载 ...
原文：浅析前端常见文件下载的9种场景：Blob基础知识/组成/Blob URL、a标签下载、showSaveFilePicker API下载（兼容性差）、FileSaver.js库下载、Zip下载（JSZip库）、附件形式下载（设置Content-Disposition）、base64格式下载（需转为blob）、分块传输下载、HTTP范围请求下载、大文件分块并行下载
一般在我们工作中，主要会涉及到 种文件下载的场景，每一种场景背后都使用不同的技术，其中也有很多细节需要我们额外注意。 在浏览器端处理文件的时候，我们经常会用到 Blob 。比如图片本地预览 图片压缩 大文件分块上传及文件下载。在浏览器端文件下载的场景中，比如我们今天要讲到的a 标签下载 showSaveFilePicker API 下载 Zip 下载等场景中，都会使用到 Blob ，所以我们有必 ...
2021-09-23 18:56 0 150 推荐指数：
相关推荐
js文件下载blob
使用axios文件下载 使用原生js下载文件 使用pots的方式进行下载 使用get的方式进行下载哈 ...
文件下载Content-disposition设置
Content-disposition 的说明如下： Content-disposition 是 MIME 协议的扩展，MIME 协议指示 MIME 用户代理如何显示附加的文件。当 Internet Explorer 接收到头时，它会激活文件下载对话框，它的文件名框自动填充了头中指定的文件 ...
js下载blob的形式
前端构建blob的方式就是通过服务器返回的文件来创建blob，需要知道文件在服务器的具体路径，用bob创建object url对象，添加到a标签上，然后触发，blob有两个问题，1.对浏览器有兼容性限制，2.要先构建对象再生成文件，在文件稍微大点的时候，会点击下载后反应时间略长，但是blob的好处 ...
js下载blob文件
header设置 if (responseType == 'blob') { headerJosn['content-disposition'] = "attachment;filename=total.xls ...
前端通过Blob实现文件下载
最近遇到一个需求，需要将页面中的配置信息下载下来供用户方便使用，以前这个场景的需求有时候会放到后端处理，然后给返回一个下载链接。其实并不需要这么麻烦，这样既增大了服务器的负载，也让用户产生了没有必要的网络请求，现在前端也是可以直接通过Blob对象进行前端文件下载了，下面简单记录下相关实现 ...
FileSaver.js 文件下载
安装： npm install file-saver --save 或者(需下载FileSaver.js文件) <script src="path/FileSaver.js"/> 引用： import FileSaver from 'file-saver' 下载 ...