以Chrome为例,在网页下载文件的时候,一般情况下都是点击一个链接,然后浏览器底部就会出现一条下载的任务。
但是有些产品的页面为了用户有更完整的体验,会在页面内实现一个实时的进度条。具体做法就是利用XMLHttpRequest
对象的onprogress
回调来实现。
完整代码如下:
1 | const downloadURL = (url) => { |
需要注意的是:因为下载过程中文件是在内存中的,Blob
的大小不能超过500MB。
以Chrome为例,在网页下载文件的时候,一般情况下都是点击一个链接,然后浏览器底部就会出现一条下载的任务。
但是有些产品的页面为了用户有更完整的体验,会在页面内实现一个实时的进度条。具体做法就是利用XMLHttpRequest
对象的onprogress
回调来实现。
完整代码如下:
1 | const downloadURL = (url) => { |
需要注意的是:因为下载过程中文件是在内存中的,Blob
的大小不能超过500MB。