我试图遍历所有文件输入字段并设置错误消息(如果有的话)超过5MB,这是进行表单验证的第一步。
我在“提交”按钮上使用了click事件。问题是未定义“键”。
此表单最多可以包含10个文件输入字段,通过称为 images[]
/* loop through all file inputs to check size */
$("#my-form").find("input[type='file']").each(function(key, value) {
var el = this.files[key];
if(el.size > 5242880 || el.fileSize > 5242880) {
errorMessage = 'Files must be less than 5MB.';
}
});
如果我使用的话,this.files[0]
我可以得到第一个字段的大小,但是无法遍历所有元素。感谢您的意见或其他解决方案。非常感谢!
你可以这样做
$("#my-form").find("input[type=file]").each(function(index, field){
const file = field.files[0];
if(file.size > 5242880 || file.fileSize > 5242880) {
errorMessage = 'Files must be less than 5MB.';
}
});
这是一个小提琴:https : //jsfiddle.net/kmm67nLz/
对于具有多个属性的文件输入
$("#my-form").find("input[type=file]").each(function(index, field){
for(var i=0;i<field.files.length;i++) {
const file = field.files[i];
if(file.size > 5242880 || file.fileSize > 5242880) {
errorMessage = 'Files must be less than 5MB.';
alert(errorMessage);
}
}
});
这是一个小提琴:https : //jsfiddle.net/kmm67nLz/1/
第二个完美用于单个或多个文件输入。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句