在线直播源码，js 文件上传图片上传传输速度计算

<!doctype html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><br>    <meta http-equiv="X-UA-Compatible" content="ie=edge"><br>    <title>Document</title><br>    <style><br>        #progress{<br>            height:10px;<br>            width:500px;<br>            border: 1px solid gold;<br>            position: relative;<br>            border-radius: 5px;<br>        }<br>        #progress .progress-item{<br>            height:100%;<br>            position: absolute;<br>            left:0;<br>            top:0;<br>            background: chartreuse;<br>            border-radius: 5px;<br>            transition: width .3s linear;<br>        }<br>    </style><br></head><br><body><br>文件上传框<br><br><input type="file" id="file"><br><br>显示进度条<br><br><div id="progress"><br>    <div></div><br></div><br>上传成功后的返回内容<br><br><span id="callback"></span><br></body><br><script><br>    //首先监听input框的变动，选中一个新的文件会触发change事件<br>    document.querySelector("#file").addEventListener("change",function () {<br>        //获取到选中的文件<br>        var file = document.querySelector("#file").files[0];<br>        //创建formdata对象<br>        var formdata = new FormData();<br>        formdata.append("file",file);<br>        //创建xhr，使用ajax进行文件上传<br>        var xhr = new XMLHttpRequest();<br>        xhr.open("post","/");<br>        //回调<br>        xhr.onreadystatechange = function () {<br>            if (xhr.readyState==4 && xhr.status==200){<br>                document.querySelector("#callback").innerText = xhr.responseText;<br>            }<br>        }<br>        //获取上传的进度<br>        xhr.upload.onprogress = function (event) {<br>            if(event.lengthComputable){<br>                var percent = event.loaded/event.total *100;<br>                document.querySelector("#progress .progress-item").style.width = percent+"%";<br>            }<br>        }<br>        //将formdata上传<br>        xhr.send(formdata);<br>    });<br></script><br></html><br> 