使用 javascript API -- fetch 实现文件下载功能

下载原理

下载原理很简单,就是模拟 a 标签的点击下载,我们都知道 ajax 不支持下载文件功能,是因为 ajax 只能用来传输字符型数据,所以在过去无法使用 ajax 来下载文件。
xhr2 可以把 response 保存为 blob,下载结束后,为这个 blob 创建一个 URL,跳转到这个URL,或使用 anchor element with download property ,浏览器会弹出保存框。如果文件很大的话,还需要用到 filesystem API,因为 blob 是存在内存中的。(来自知乎:鲁小夫)

简单的实现方式

 
 
 
   
  sample 
 
 
   
   
 
 

关于 window.URL.createObjectURL(blob) 与 window.URL.revokeObjectURL(objectURL)

转载于:https://www.cnblogs.com/YMaster/p/7707989.html

你可能感兴趣的:(使用 javascript API -- fetch 实现文件下载功能)