Question

在我的项目中，我要上传一个或多个图像文件。我检查了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>

$(document).ready(function(){

        $('#enviar').click(function(){ }
});

Answer 1

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

<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.
    }
};

Answer 2

使用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);
    }
});

检查多个文件的扩展名

2 个答案: