js 文件下载进度监控

 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();

转载于:https://www.cnblogs.com/oneall/p/11557482.html

js 文件下载进度监控相关推荐

vue文件下载进度条
Step1:封装download方法 // 通用下载方法 export function download(url, params, filename) {let downProgress = {}l ...
c js html页面进度条,js实现进度条的方法
本文实例讲述了js实现进度条的方法.分享给大家供大家参考.具体实现方法如下: 1.setTimeout和clearTimeout 进度条 .container{ width:450px; border ...
Android中下载进度条格式,Android开发如何实现文件下载进度条
释放双眼,带上耳机,听听看~! 今天和小编狗在这里学习下载进度的实现吧,这段代码是网上找的,自己做了些小改,通过模拟器测试.文件下载进度条控制(就是为了高清壁纸加个进度条),自己研究了好久,但是进度条 ...
nprogress.js 头部进度条使用方法
nprogress.js 头部进度条引入CSS\JS <link rel="stylesheet" type="text/css" href=" ...
【原】聊聊js代码异常监控
[原]聊聊js代码异常监控参考文章: (1)[原]聊聊js代码异常监控 (2)https://www.cnblogs.com/xianyulaodi/p/6201829.html (3)https: ...
如何实现文件下载进度条呢？
比如有时候我们在利用python下载文件的时候,通常情况下,文件下载过程我们是感知不到的,只有等文件下载完成,我们才能知道,该文件已经下载完成,假如此时下载文件很大,下载时间就会比较漫长,如果这时候有 ...
Kafka学习笔记 : 消费进度监控 [ 消费者 Lag 或 Consumer Lag ]
所谓滞后程度,就是指消费者当前落后于生产者的程度. Lag 应该算是最最重要的监控指标了.它直接反映了一个消费者的运行情况.一个正常工作的消费者,它的 Lag 值应该很小,甚至是接近于 0 的,这表示 ...
电子制造业生产进度监控困难？全流程条码管理轻松解决
生产进度监控管理是电子制造企业生产管理中不可缺少的动作,贯穿于企业生产制造的整个流程.做好生产进度管理,可以确保产品从原料进厂到出厂交付,做到高效可控,保质保量. 而在电子制造业生产部门生产进度监控管 ...
Python展示文件下载进度条
Python展示文件下载进度条前言 requests 思考只需要安装一个库即可大家好!我是晨晨

js 文件下载进度监控

js 文件下载进度监控相关推荐

最新文章

热门文章