javascript - js如何计算上传速度

Question

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

    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");
}

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

Answer 1

旧帖子，但没有看到解决方案，我也想计算上传速度。这是我的解决方案。

var timestamp = new Date().getTime();
var chunk = 0;

http.upload.addEventListener('progress', function(e){
    if (elengthComputable){
        // bytes transferred since last update
        bytes = e.loaded - chunk;
        chunk = e.loaded;
        
        // Get number of seconds since last update
        ms = new Date().getTime();
        elapsed = (ms - timestamp) / 1000.0
        timestamp = ms;
        
        // Divide by elapsed time to get bytes per second
        bps = bytes / elapsed;
        
        // Output upload speed
        console.log("Speed: " + formatBytes(bps)+"/s");
        
    }
}, false);

我使用的 formatBytes() 函数在此页面上提供: Correct way to convert size in bytes to KB, MB, GB in JavaScript