Как получить имя файла в JavaScript?

Question

Я работаю с приложением, которое предоставляет пользователю возможность загружать определенные файлы на сервер. И это прекрасно работает. Но теперь я хочу проверить окончания файлов через JavaScript, чтобы убедиться, что пользователь может загружать только файлы определенного формата. Например: * .txt

Поэтому я хочу прочитать имя файла и проверить окончание. Моя проблема в том, что я не знаю, как получить доступ к имени файла. Я знаю, что его довольно просто получить значение строки через: document.getElementById ('Field'). Value -> это работает для меня.

Но как я могу получить доступ к имени файла? Мне нужно преобразовать их в файлы с чем-то вроде fileReader? Нет ли более простого способа получить имя файла.

Обновление: HTML5-решения для меня не сработают. Разве нет другого способа сделать это без File-API?

Answer 1

Используйте File API для доступа к файлам.

// fileInput is a HTMLInputElement: <input type="file" multiple id="myfileinput"> 
var fileInput = document.getElementById("myfileinput"); 

// files is a FileList object (simliar to NodeList) 
var files = fileInput.files; 

for (var i = 0; i < files.length; i++) { 
    alert("Filename " + files[i].name); 
} 

Answer 2

Существует два способа сделать это.

Вы можете проверить введенное значение, как вы уже указали, или если ваш браузер поддерживает API файлов HTML5, вы можете использовать его для определения имени файла.

document.getElementById('file').addEventListener('change', function(e) { 
    console.log(e.target.files[0].name); //myFile.txt 
}); 

Используя этот метод, вы можете даже дойти до определения типа MIME для проверки типа содержимого.

document.getElementById('file').addEventListener('change', function(e) { 
    var type = e.target.files[0].type; 
    if(type === 'text/plain') //File contains plain text 
});