是的,您可以使用jQuery从具有多个属性的<input type="file">中读取文件名数组。在HTML中,如果您的<input type="file">元素具有multiple属性,那么用户可以选择多个文件。然后,您可以使用jQuery来获取所选文件的文件名数组。
以下是一个示例代码:
HTML:
<input type="file" id="fileInput" multiple>
<button id="btnReadFiles">读取文件名</button>
JavaScript:
$(document).ready(function() {
$('#btnReadFiles').click(function() {
var fileNames = [];
var files = $('#fileInput')[0].files;
for (var i = 0; i < files.length; i++) {
fileNames.push(files[i].name);
}
console.log(fileNames);
});
});
在上面的代码中,我们首先为<input type="file">元素添加了一个id属性,以便通过jQuery选择器获取它。然后,我们为一个按钮添加了一个点击事件处理程序。当用户点击按钮时,我们使用jQuery选择器获取文件输入元素,并使用files属性获取所选文件的FileList对象。然后,我们遍历FileList对象,并使用name属性获取每个文件的文件名,并将其添加到fileNames数组中。最后,我们将文件名数组打印到控制台。
这是一个简单的示例,您可以根据自己的需求进行修改和扩展。如果您想进一步处理所选文件,您可以使用File API来读取文件内容或执行其他操作。
腾讯云相关产品和产品介绍链接地址:
请注意,以上只是腾讯云的一些相关产品,您可以根据具体需求选择适合的产品。
领取专属 10元无门槛券
手把手带您无忧上云