Как я могу получить доступ к каждому пути / имени файла с помощью jquery на

Question

В настоящее время я использую jQuery для чтения значения входного файла, чтобы прочитать расширение файла и определить, является ли он файлом zip.(Не имеет значения, что я получаю fakepath, поскольку мне нужен только доступ к имени файла.) Когда у меня есть несколько наборов для входного тега и я выбираю несколько файлов .val () захватывает только путь к последнему выбранному файлу.Есть ли способ перебрать каждый из них?

Answer 1

Файловый API HTML5 определяет объект FileList, который доступен через свойство files цели события. Вы могли бы сделать что-то вроде этого:

$("input[type='file']").change(function(e) {
    var fileList = e.target.files;
});

Объект FileList содержит список File объектов, а свойство name должно дать вам искомое имя:

console.log(fileList[0].name);

Вот рабочий пример .

Редактировать

Ранее я показал использование свойства originalEvent объекта события jQuery. В этом не было необходимости, поскольку свойство target присутствует в объекте события jQuery, а также в исходном объекте события.