1 var xhr = new XMLHttpRequest();
2 xhr.open('GET', '文件地址.mp4');
3 xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
4 xhr.responseType = "blob";
5 xhr.onprogress = function (event) {
6 if (event.lengthComputable) {
7 console.log(event.loaded);
8 console.log(event.total);12 }
13 };
14 xhr.onload = function (oEvent) {
15 console.log(oEvent);
16 console.log(xhr.status);
17 console.log(xhr.response);
18 if (xhr.readyState === 4 && xhr.status === 200) {
19 // var name = xhr.getResponseHeader("Content-disposition");
20 // var filename = name.substring(20,name.length);
21 var blob = new Blob([xhr.response], {type: 'video/mp4'});
22 var csvUrl = URL.createObjectURL(blob);
23 var link = document.createElement('a');
24 link.href = csvUrl;
25 link.download = 'abababababba.mp4';
26 link.click();
27 }
28 }
29 xhr.send();
JS监听文件下载进度
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 1.写在前面的话 首先说明，我还没太搞懂retrofit，目前，这篇博客只能给出这几个内容。 文件上传 文件下载 ...
- 前言 在开发项目中不免会遇到下载文件的需求，如果正好使用的是Retrofit网络框架又不想使用其它网络框架或者手写...
- 在浏览器中异步下载文件，其实就是把服务器响应的文件先保存在内存中。然后再一次下载到磁盘。第二次下载过程，就是把内存...
- 在网上看了很多关使用OkHttp3下载和上传文件监听进度的贴子，千篇一律，用起来还麻烦，所以本人仔仔细细的研究了一...
