作为标题,我的目标是监控下载状态(总文件大小和当前加载文件大小)。所以,我写了一个简单的代码来帮助。但是在下载ISO OS映像文件(不是图片文件!!!)时,存在一个奇怪的情况,即我的chrome崩溃。我的代码有什么问题吗?顺便说一下,当我观察控制台日志的总大小文件和当前加载大小文件时。我无法意识到加载的文件在哪里准确存储位置。(但它确实进展......直到加载1GB然后崩溃!)有谁知道这个?
<body>
function TriggerProgressEvent() {
//var progressBar = document.getElementById('p');
var xhr = new XMLHttpRequest();
var x = document.createElement("PROGRESS");
console.log('Entering TriggerProgressEvent');
xhr.open('GET', 'http://127.0.0.1:8080/features/upload/en_windows_server_2012_r2_essentials_x64_dvd_2707177.iso',true);
xhr.send();
xhr.onprogress = function(event) {
if(event.lengthComputable) {
console.log(event.total);
console.log(event.loaded);
x.setAttribute("max", event.total);
x.setAttribute("value", event.loaded);
document.body.appendChild(x);
}
};
xhr.onloadend = function(event) {
//console.log(event.loaded);
x.setAttribute("value", event.loaded);
document.body.appendChild(x);
};
}
</script>
</body>