Javascript 使用UploDive从队列一起上载所有文件

我使用插件上传多个文件，工作正常，但我坚持使用进度条。我必须显示的内容多个文件的总上载百分比

对于单个文件，在

onProgress

的帮助下很容易确定，如下所示：

var percent = Math.round((e.loaded / e.total) * 100);

但是我想计算多个文件的总百分比，我还检查了演示文件UploDive对多个文件逐个工作

是否可以将所有文件一起上载，以便我获得所有文件的总百分比

看一看屏幕截图，默认上传一个接一个的加载文件，我想一起上传文件

    $('#fileElem').uploadifive({
                'auto'              : false, 
                'height'            : 20, 
                'width'             : 75, 
                'truncateLength'    : 27, 
                'queueID'           : 'fl-que', 
                'simUploadLimit'    : 0, 
                'onSelect'          : function(){ selectHandle(); }, 
                'onCancel'          : function(){ if($('#fl-que > div').length == 1){ cancelHandle(); } }, 
                'buttonText'        : '<span class="plus_icon">+</span> <span class="txt">Add Files</span>', 
                'uploadScript'      : '/wp_themes/itrnsfr/uploadifive.php', 
                'onProgress'        : function(file, e){ progressHandle(file, e); }, 
                'onUploadComplete'  : function(){ uploadCompleteHandle(); }
        });


    function progressHandle(file, e){
            //console.log(file);
            //console.log(e);
            if(e.lengthComputable){
                box.eq(0).hide();   // Hide main uploader
                box.eq(1).show();   // Display progress bar
                box.eq(2).hide();   // Hide the complete MSG

                var percentComplete = Math.round((e.loaded / e.total) * 100);

                $('#loader_val').text( percentComplete + '%');
                var jmeter = ("0." + (percentComplete <= 9 ? "0" + percentComplete : (percentComplete == 100) ? "99" : percentComplete) );
                PG.change({size: parseFloat(jmeter)});
                $('.trnsfr-ratio').text( unitConversion( e.position ) );
            }


        }

$（'#fileElem'）。上传({
“自动”：false，
身高:20,，
“宽度”：75，
“截断长度”：27，
'queueID'：'fl que'，
“simUploadLimit”：0，
“onSelect”：函数（）{selectHandle（）；}，
'onCancel'：函数（）{if（$（'#fl que>div'）。长度==1）{cancelHandle（）；}，
'buttonText'：'+添加文件'，
“uploadScript”：“/wp_themes/itrnsfr/uploadifive.php”，
“onProgress”：函数（文件，e）{progressHandle（文件，e）；}，
“onUploadComplete”：函数（）{uploadCompleteHandle（）；}
});
函数progressHandle（文件，e）{
//console.log（文件）；
//控制台日志（e）；
if（如长度可计算）{
box.eq（0.hide（）；//隐藏主上载程序
box.eq（1.show（）；//显示进度条
box.eq（2.hide（）；//隐藏完整消息
var percentComplete=数学轮（（e.loaded/e.total）*100）；
$（'#loader_val'）。文本（完成百分比+'%'）；
变量jmeter=（“0.”+（完成百分比使用：

HTML:

使用：

HTML:

谢谢，但它也会一个一个上传文件，而不是全部上传：（
（TotalBytesUpload/TotalByTestTotal）*100
应该显示总进度Uploadify不是uploadifive。OnUploadProgress在uploadifive中不存在。谢谢，但它也会一个一个上传文件，而不是全部：（
（TotalBytesUpload/TotalByTestTotal）*100
应显示总进度Uploadify未uploadifive。Uploadfive中不存在OnUploadProgress。
<input type="file" name="file_upload" id="file_upload" />
<div id="progress"></div>

$(function() {
    $("#file_upload").uploadify({
        'swf'              : '/uploadify/uploadify.swf',
        'uploader'         : '/uploadify/uploadify.php',
        'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {
            $('#progress').html(totalBytesUploaded + ' bytes uploaded of ' + totalBytesTotal + ' bytes.');
        }
    });
});