Javascript 如何在js中计算上传速度

我在一个django网站上工作，我有一个用户可以上传视频的视图，我需要为用户添加一个按钮，这样他就可以对上传速度进行一个简短的测试 经过大量研究，我发现了这个脚本，但它似乎不起作用，我不知道为什么

    var http = new XMLHttpRequest();
var startTime, endTime;
var myData = "d="; // the raw data you will send
for(var i = 0 ; i < 1022 ; i++) //if you want to send 1 kb (2 + 1022 bytes = 1024b = 1kb). change it the way you want
{
    myData += "k"; // add one byte of data;
}

http.open("POST", url, true);

http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", myData .length);
http.setRequestHeader("Connection", "close");

http.onreadystatechange = function() {
    if(http.readyState == 4 && http.status == 200) {
        endTime = (new Date()).getTime();
        ShowData();
    }
}
startTime = (new Date()).getTime();
http.send(myData);

function ShowData()
{
    var duration = (endTime - startTime) / 1000;
    var bitsLoaded = myData * 8;
    var speedMbps = ((bitsLoaded / duration) / 1024 / 1024).toFixed(2);
    alert("Speed: " + speedMbps + " Mbps");
}

var http=new-XMLHttpRequest（）；
var startTime，endTime；
var myData=“d=”；//您将发送的原始数据
for（var i=0；i<1022；i++）//如果要发送1kb（2+1022字节=1024b=1kb）。改变你想要的方式
{
myData+=“k”；//添加一个字节的数据；
}
http.open（“POST”，url，true）；
http.setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
setRequestHeader（“内容长度”，myData.length）；
setRequestHeader（“连接”，“关闭”）；
http.onreadystatechange=函数（）{
如果（http.readyState==4&&http.status==200）{
endTime=（新日期（））.getTime（）；
ShowData（）；
}
}
startTime=（新日期（））.getTime（）；
http.send（myData）；
函数ShowData（）
{
风险值持续时间=（结束时间-开始时间）/1000；
var bitsLoaded=myData*8；
var speedMbps=（（比特数/持续时间）/1024/1024）.toFixed（2）；
警报（“速度：+speedMbps+“Mbps”）；
}

---

那么，是否有任何简单的方法来计算用户的上传速度，或者对此脚本进行任何修复

您可以使用属性的

进度

事件

http.upload.addEventListener('progress', function(e){
    console.log(e.loaded + ' uploaded out of ' + e.total);
    // do your calculations here
}, false);