无法验证javascript中多文件上载的文件大小

无法验证javascript中多文件上载的文件大小,javascript,html,Javascript,Html,我在html页面中有文件上传操作,我能够使用下面的javascript验证单个文件上传的文件大小。如何验证多文件上载 <input type="file" id="fileUpload" /> <input type="button" id="upload" value="Upload" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/j

我在html页面中有文件上传操作,我能够使用下面的javascript验证单个文件上传的文件大小。如何验证多文件上载

<input type="file" id="fileUpload" />
<input type="button" id="upload" value="Upload" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $("#upload").bind("click", function () {
        if (typeof ($("#fileUpload")[0].files) != "undefined") {
            var size = parseFloat($("#fileUpload")[0].files[0].size / (1024*1024)).toFixed(2);
            if(size < 5.00){
                alert("You are eligible to upload file");
            }
            else{
                alert("This File is too large");
            }
        } else {
            alert("This browser does not support HTML5.");
        }
    });
});
</script>

$(函数(){
$(“#上载”).bind(“单击”),函数(){
if(typeof($(“#fileUpload”)[0].files)!=“未定义”){
var size=parseFloat($(“#fileUpload”)[0]。文件[0]。大小/(1024*1024)).toFixed(2);
如果(尺寸<5.00){
警报(“您有资格上传文件”);
}
否则{
警报(“此文件太大”);
}
}否则{
警报(“此浏览器不支持HTML5”);
}
});
});
下面我有多文件上传的输入字段

<input type="file" id="fileUpload" name="upload[]" multiple="multiple"/>
<input type="button"  id="upload" value="Upload"/>

使用每个循环逐个获取每个文件,并验证第一个文件的大小

<script type="text/javascript">
$(function () {
    $("#upload").bind("click", function () {
        if (typeof ($("#fileUpload")[0].files) != "undefined") {
            var files = $("#fileUpload")[0].files;
            $.each(files, function (index,file) {
                var size = parseFloat(file.size / (1024 * 1024)).toFixed(2);
                if (size < 5.00) {
                    alert("You are eligible to upload file");
                }
                else {
                    alert("This File is too large");
                }
            });
        } else {
            alert("This browser does not support HTML5.");
        }
    });
});
</script>

$(函数(){
$(“#上载”).bind(“单击”),函数(){
if(typeof($(“#fileUpload”)[0].files)!=“未定义”){
var files=$(“#fileUpload”)[0]。文件;
$.each(文件、函数(索引、文件){
var size=parseFloat(file.size/(1024*1024)).toFixed(2);
如果(尺寸<5.00){
警报(“您有资格上传文件”);
}
否则{
警报(“此文件太大”);
}
});
}否则{
警报(“此浏览器不支持HTML5”);
}
});
});

只需检查每个文件的内部循环,现在您只获取第一个索引
$(“#fileUpload”)[0]。文件[0]