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

Я хочу получить имя файла загруженного файла с помощью 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

Как получить только имя файла? Благодарим вас за помощь.

Ответ 1

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

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

Ответ 2

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

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

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

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

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

Ответ 3

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

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