解决方法
这是使用
XMLHttpRequest扩展的
@Yiğit Yener’s概念的实现.
上传速度取决于两件事情：用户的连接速度和服务器的连接速度.我在这里假设你想测试用户和你的服务器之间的速度.而使用XMLHttpRequest,这是same-origin policy的唯一选择.
随着上传速度,你不需要返回任何东西.您只需要将大量数据发送到服务器上的任何页面.最简单的页面是您已经在打开的页面.为了做到这一点,你可以把url的domain部分完全放在.open()中. POST数据在一些服务器上被限制到两兆字节,所以我用一个是安全的.一个足以得到一个体面的阅读.
为了防止URL被缓存,我附加一个随机数到底.
url = '?cache=' + Math.floor( Math.random() * 10000 )
为了防止POST数据被gzip压缩,我使用随机数据.该函数允许您传递要检查的迭代次数.迭代间隔到每五秒.更新回调被调用每次迭代与该检查的速度,以及所有检查的移动平均值.使用尽可能多的迭代,希望获得所需的准确性.如果您只想粗略估计一次迭代就足够了.
这样叫：
checkUploadSpeed( 10,function ( speed,average ) {
} );
演示
你可以在这里试试这个代码.
私人服务器
你可以试试这个ThinkingStiff’s own server,这可能是这些中最快的.
堆栈代码片段
function checkUploadSpeed( iterations,update ) {
var average = 0,index = 0,timer = window.setInterval( check,5000 ); //check every 5 seconds
check();
function check() {
var xhr = new XMLHttpRequest(),url = '?cache=' + Math.floor( Math.random() * 10000 ),//random number prevents url caching
data = getRandomString( 1 ),//1 meg POST size handled by all servers
startTime,speed = 0;
xhr.onreadystatechange = function ( event ) {
if( xhr.readyState == 4 ) {
speed = Math.round( 1024 / ( ( new Date() - startTime ) / 1000 ) );
average == 0
? average = speed
: average = Math.round( ( average + speed ) / 2 );
update( speed,average );
index++;
if( index == iterations ) {
window.clearInterval( timer );
};
};
};
xhr.open( 'POST',url,true );
startTime = new Date();
xhr.send( data );
};
function getRandomString( sizeInMb ) {
var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789~!@#$%^&*()_+`-=[]\{}|;':,./<>?",//random data prevents gzip effect
iterations = sizeInMb * 1024 * 1024,//get byte count
result = '';
for( var index = 0; index < iterations; index++ ) {
result += chars.charAt( Math.floor( Math.random() * chars.length ) );
};
return result;
};
};
checkUploadSpeed( 10,average ) {
document.getElementById( 'speed' ).textContent = 'speed: ' + speed + 'kbs';
document.getElementById( 'average' ).textContent = 'average: ' + average + 'kbs';
} );
<div id="speed">speed: 0kbs</div> <div id="average">average: 0kbs</div>
的jsfiddle
演示所在的JSFiddle服务器速度较慢.
点击此按钮进入小提琴：
