无法验证javascript中多文件上载的文件大小
我在html页面中有文件上传操作,我能够使用下面的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
<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]