Как получить имя файла из формы загрузки с помощью jQuery?

Question

Я хочу получить имя загруженного файла с помощью jQuery.Но проблема, я получил поддельный путь и имя файла, а не только имя файла.Это моя форма.

<form action="" method="post">
   <input type="file" name="uploadFile" id="uploadFile" /> 
   <input type="submit" name="submit" value="Upload" id="inputSubmit" />
</form>

И jQuery такой

$(document).ready(function(){
    $('#inputSubmit').click(function(){
      alert($('#uploadFile').val());
    });
});

Я использую Chrome и получил это в окне предупрежденияДопустим, я выбрал файл с именем filename.jpg.

C:\fakepath\filename.jpg

Как я могу получить только имя файла?Спасибо за вашу помощь.

Answer 1

Разделите строку пути к файлу "\" и используйте последний элемент в результирующем массиве.

см .: Получение последнего элемента массива разделенной строки

Answer 2

Вы также можете сделать:

$('#uploadFile').prop("files")['name'];

Если ввод нескольких файлов, выполните:

$.each($('#uploadFile').prop("files"), function(k,v){
    var filename = v['name'];

    // filename = "blahblah.jpg", without path
});

Answer 3

получить имя файла при загрузке с помощью jquery

var filename = $('input[type=file]').val().split('\').pop();