我想在submit
或onchange
期间验证图像格式,它将通过多个文件加载器进行浏览。
但是在Google
和SO之后我无法在JS
脚本中找到多个图像浏览验证。这里是HTML
<input type="file" id='uploadImg' name='uploadImg[]' multiple >
<input id="imgaeupload" value="Submit" type="submit" name='uploadImage'/>
文件上传元素的Files属性包含所选文件的列表,您可以遍历列表并验证每个文件:
function validate() {
var uploadImg = document.getElementById('uploadImg');
//uploadImg.files: FileList
for (var i = 0; i < uploadImg.files.length; i++) {
var f = uploadImg.files[i];
if (!endsWith(f.name, 'jpg') && !endsWith(f.name,'png')) {
alert(f.name + " is not a valid file!");
return false;
} else {
return true;
}
}
}
function endsWith(str, suffix) {
return str.indexOf(suffix, str.length - suffix.length) !== -1;
}
在javascript中使用Common功能进行图像上传验证
<input type="file" name="productImage_name[]" multiple="multiple" onchange="imageTest(this)">