Javascript Jquery每秒字节Upoload脚本上载程序与PHP

我只是想在我的上传器中添加上传速度功能。所以我用了这个代码 但是它没有在HTML id中显示结果。此外，我也不知道问题出在哪里。所以我需要帮助。（我还查看了控制台日志。没有发现错误。只有第二个日志记录在那里）

脚本如下所示：

<script>
function callback(message) {
    if (!message) {
        console.error('Empty event callback response.');
        return;
    }
    $.each(message, function (key, value) {
        var started_at = new Date();
        switch (key) {
            case 'send':
                $('progress').show();
                break;
            case 'progress':
            
                if (value && value.total) {
                    $('#myBar').width(Math.ceil(value.loaded / value.total * 100)+'%');
                    console.log(value.loaded / value.total * 100);
                    $("#myBar").html(Math.ceil(value.loaded / value.total * 100)+'%');
                    $("#n_total").html(Math.ceil(value.total / ( 1024 * 1024))+' MB');
                    $('#stats').removeClass( "hide" ).addClass( "show" );
                    $('#box').hide();
                    $('#progress-bar-sh').removeClass( "progress hide" ).addClass( "progress show" );
                    $("#n_loaded").html(Math.ceil(value.loaded / ( 1024 * 1024))+' MB');
                    
                    // Time Remaining
                    
                var loaded = value.loaded;
                var total = value.total;
                var seconds_elapsed =   ( new Date().getTime() - started_at.getTime() )/1000;
                var bytes_per_second =  seconds_elapsed ? loaded / seconds_elapsed : 0 ;
                var Kbytes_per_second = bytes_per_second / 1000 ;
                var remaining_bytes =   total - loaded;
                var seconds_remaining = seconds_elapsed ? remaining_bytes / bytes_per_second : 'calculating' ;
                $("#n_speed").html(Math.ceil( Kbytes_per_second + 'KBps' ));
                
                    
                    
                }
                break;
            case 'done':
                $('#myBar').addClass( "progress-bar-success" );
                
                $("#myBar").html('Complete');
                
                setTimeout(function () { 
    $('#progress-bar-sh').removeClass( "progress show" ).addClass( "progress hide" );
    $('#stats').removeClass( "show" ).addClass( "hide" );
    $('#box').show();
}, 3500);
                break;
            case 'fail':
                $('#stats').removeClass( "hide" ).addClass( "show" );
                $('#box').hide();
                $('#status').text('Couldnt Handle The Request');
                setTimeout(function () { 
    $('#stats').removeClass( "show" ).addClass( "hide" );
    $('#box').show();
}, 5000);
                $('progress').hide();
                $('#percentage').hide();
                $('#bbtotal').hide();
                break;
        }
    });
}
</script>

函数回调（消息）{
如果（！消息）{
错误（'Empty event callback response'）；
返回；
}
$。每个（消息、函数（键、值）{
var开始时间=新日期（）；
开关（钥匙）{
“发送”案例：
$（'progress'）.show（）；
打破
案件‘进展’：
if（value&&value.total）{
$（'#myBar'）.width（Math.ceil（value.loaded/value.total*100）+'%'）；
console.log（value.loaded/value.total*100）；
$（“#myBar”）.html（Math.ceil（value.loaded/value.total*100）+'%'；
$（“#n#u total”）.html（Math.ceil（value.total/（1024*1024））+'MB'）；
$（'#stats'）.removeClass（“隐藏”）.addClass（“显示”）；
$（“#框”）.hide（）；
$（“#进度条sh”）.removeClass（“进度隐藏”）.addClass（“进度显示”）；
$（“#n#u loaded”）.html（Math.ceil（value.loaded/（1024*1024））+'MB'）；
//剩余时间
var loaded=value.loaded；
var total=value.total；
var seconds_appeased=（new Date（）.getTime（）-started_at.getTime（））/1000；
var bytes_per_second=已加载秒数/已加载秒数：0；
var Kbytes_per_second=字节数_per_second/1000；
var剩余字节=总加载字节数；
var seconds_remaining=已用秒数？剩余字节数/字节数/秒：“正在计算”；
$（“#n#u speed”）.html（Math.ceil（Kbytes#u/s+‘KBps’）；
}
打破
案例“完成”：
$（'#myBar'）.addClass（“进度条成功”）；
$（“#myBar”）.html（'Complete'）；
setTimeout（函数（）{
$（“#进度条sh”）.removeClass（“进度显示”）.addClass（“进度隐藏”）；
$（'#stats'）.removeClass（“show”）.addClass（“hide”）；
$（“#框”）.show（）；
}, 3500);
打破
“失败”案例：
$（'#stats'）.removeClass（“隐藏”）.addClass（“显示”）；
$（“#框”）.hide（）；
$（'#status'）.text（'无法处理请求'）；
setTimeout（函数（）{
$（'#stats'）.removeClass（“show”）.addClass（“hide”）；
$（“#框”）.show（）；
}, 5000);
$（'progress'）.hide（）；
$（“#百分比”）.hide（）；
$（'#bbtotal'）.hide（）；
打破
}
});
}

---

#>感谢Advance，如果您不提供代码使用的任何数据和HTML模板，就无法判断出问题所在。将

console.log（message）

放在函数的开头，以显示一些数据，并描述其工作方式与预期不同的有效负载。Amm问题已解决，然后将解决方案作为答案发布。如果有人遇到同样的问题，“问题解决了”这句话不会有什么帮助。好的，过几次我会这么做。谢谢你的建议，伙计