php - 在多个文件上传器中验证JS中的多个图像格式

我想在submit或onchange期间验证图像格式，这些格式将由多个文件加载程序进行浏览。

但是在Google之后，我在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;
}