通过JS和JQuery怎么获取input file的文件列表

作者：System 时间：2024年08月22日分类：所有,jquery 字数：765

在HTML中，<input type="file" multiple> 允许用户选择多个文件。在JavaScript和jQuery中，可以通过以下方式获取这些文件列表：




document.querySelector('#yourInputFileId').files;




$('#yourInputFileId')[0].files;

这里，#yourInputFileId 是你的 <input type="file"> 元素的ID。

示例代码：

HTML:




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

JavaScript (使用原生方法):




document.getElementById('myFileInput').addEventListener('change', function() {
    var files = this.files;
    // 处理文件列表
});

jQuery:




$('#myFileInput').on('change', function() {
    var files = $(this)[0].files;
    // 处理文件列表
});

在这两种情况下，files 都是一个 FileList 对象，它是一个类数组对象，可以通过索引访问每个文件。