Javascript 检查多个文件的扩展名

在我的项目中，我想上传一个或多个图像文件。我在PhP中检查扩展名，但我希望在将表单发送到PhP之前签入jquery，以获得更高的安全性，但我不知道如何在jquery中使用文件数组。对不起，我的英语不好

<form method="post" action="index.php" id="formAdicionarProduto" enctype="multipart/form-data">
 <div class="form-group">
  <input type="file" id="arquivos-imagens" name="arquivos[]" multiple>
 </div>
 <button type="submit" id="enviar" class="btn btn-primary">Enviar</button>
</form>

---

在输入对象的“文件”属性中进行循环，以获取每个文件的一些信息：

<input type="file" multiple id="myInput" />

var myInput = document.getElementById('myInput');
myInput.onchange = _ => {
    for (var i = 0; i < myInput.files.length; i++) {
        var file = myInput.files[i];

        console.log(file.name); // file_XYZ.xlsx
        console.log(file); // Other info: size, type, etc.
    }
};

var myInput=document.getElementById（'myInput'）；
myInput.onchange=\u=>{
对于（var i=0；i

使用jQuery，您可以执行以下操作：

$('#arquivos-imagens').on('change', function() {
    for (let file of this.files) {
      const fileExtension = file.name.substring(file.name.length - 3); // Get only extension.
      console.log(fileExtension);
    }
});

$('#arquivos-imagens').on('change', function() {
    for (let file of this.files) {
      const fileExtension = file.name.substring(file.name.length - 3); // Get only extension.
      console.log(fileExtension);
    }
});