使用jQuery多次上传的文件大小验证

用户1375823

我有多个文件上传输入。我正在尝试验证每个文件的大小。它可以工作,但取决于选择文件的顺序。我讨厌javascript,我很烂,请帮忙。

http://jsfiddle.net/2u9kq7fe/1/

$('input[type="file"]').change(function(){
    var imageSizeArr = 0;
    var imageSize = document.getElementById('blah');
    var imageCount = imageSize.files.length;
    for (var i = 0; i < imageSize.files.length; i++)
    {
         var imageSize = imageSize.files[i].size;
         if (imageSize > 5000000) {
             $('#test').text('3');
             var imageSizeArr = 1;
         }
         if (imageSizeArr == 1)
         {
             $('.element').text('files too big');
         }
         else if (imageSizeArr == 0)
         {
             $('.element').text('files not too big');
         }
     }
 }); 
dfsq

您正在定义对输入字段的引用:

var imageSize = document.getElementById('blah');

然后在for循环中,您再次重新定义它,因为:

for (var i = 0; i < imageSize.files.length; i++) {
    var imageSize = imageSize.files[i].size;

请记住,javascript中没有块作用域,因此var imageSize循环会影响先前定义的值。

这是你的问题。在循环中选择其他名称作为大小,它将起作用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Joi验证上传的文件大小

来自分类Dev

验证上传文件的大小

来自分类Dev

验证jQuery文件上传预览

来自分类Dev

使用jQuery的ASP.NET文件上传验证

来自分类Dev

使用jquery-validate验证csv文件上传

来自分类Dev

如何使用jquery验证程序在提交表单之前验证是否选择了要上传的文件

来自分类Dev

Laravel 上的 jquery 文件上传验证错误

来自分类Dev

验证上传大小

来自分类Dev

如何验证文件上传的最大大小500KB

来自分类Dev

如何使用Jquery Validate多次验证表单

来自分类Dev

在使用javascript上传之前获取文件大小

来自分类Dev

在使用javascript上传之前获取文件大小

来自分类Dev

如何使用jQuery验证用户正在使用HTML表单上传文件?

来自分类Dev

使用文件上传进行表单验证

来自分类Dev

使用javascript上传文件页面验证

来自分类Dev

jQuery文件大小验证不起作用

来自分类Dev

使用jQuery Ajax上传文件

来自分类Dev

无法使用jQuery上传文件

来自分类Dev

使用 Ajax、Jquery 上传文件

来自分类Dev

多次拖放时出现jQuery文件上传JSON错误

来自分类Dev

使用发送时,jQuery文件上传未调整图像客户端的大小

来自分类Dev

如何使用jQuery文件上传来调整图像客户端的大小

来自分类Dev

使用上传到Amazon S3的JQuery文件在客户端调整图像大小

来自分类Dev

使用ajax时,jQuery是否对上传文件的大小有限制?

来自分类Dev

jQuery文件上传文件大小转换为kb

来自分类Dev

通过jQuery AJAX拖放文件上传受到文件大小的限制

来自分类Dev

使用jquery文件上传保持文件顺序

来自分类Dev

文件上传的大小限制

来自分类Dev

Ruby 文件上传大小

Related 相关文章

热门标签

归档