$('xx')[0].files[0]的意思

Posted 2020-10-10 yizw

jQuery对象只能使用jQuery对象的属性和方法，javascript对象只能使用JavaScript对象的属性和方法；

$(‘xx‘)是jQuery对象，$(‘xx‘)[0]是将jQuery对象："$(‘xx‘)"转换为JavaScript对象，这样才可以使用JavaScript对象的属性和方法；

html5支持multiple属性，即<input type="file">可能会添加multiple属性并赋值：multiple="multiple"，即<input type="file" multiple="multiple">，这样一次性可同时上传多张图片，所以获得一张图片的方法就是：$(‘xx‘)[0].files[0]

$(‘xx‘)[0].files[0].size可获得文件的大小，单位是字节（B），使用$(‘xx‘)[0].files[0].size可用于判断文件的大小。

多文件上传时，获取每一个文件的大小：

var addImags =$(input的id).prop(‘files‘);
var fileSize=0;
for(var i=0;i<addImags.length;i++){
fileSize=$(addImags)[i].size; 
if(fileSize>1048576){
layer.msg("文件过大");
return;
}
}

限制多文件一次上传个数：

var fileList = $(input的id).get(0).files;

if(fileList.length>10){

　　alert("一次最多上传10个文件！");

　　return;

}