码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-10-10 14:33:16      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:获得   rip   支持   var   inpu   个数   script   ret   jquer   

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;

}

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

标签:获得   rip   支持   var   inpu   个数   script   ret   jquer   

原文地址:http://www.cnblogs.com/yizw/p/7645132.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!