Jak uzyskać nazwę pliku z formularza przesyłania za pomocą jQuery?

Question

Chcę uzyskać nazwę pliku z przesłanym plikiem za pomocą jQuery. Ale problem, mam fałszywą ścieżkę i nazwę pliku, a nie tylko nazwę pliku. To jest moja forma.

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

I jQuery jest jak ten

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

używam Chrome, ale to w oknie alertu. Powiedzmy, że wybieram plik o nazwie plik.jpg.

C:\fakepath\filename.jpg 

Jak mogę uzyskać tylko nazwę pliku? Dziękuję za pomoc.

Answer 1

Podziel ciąg znaków ścieżki za pomocą "\" i użyj ostatniego elementu w wynikowej tablicy.

patrz: Getting the last element of a split string array

Answer 2

Można również zrobić:

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

Jeśli jest to Multiple Input plik, wykonaj następujące czynności:

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

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

Answer 3

pobranie nazwy pliku podczas przesyłania za pomocą jQuery

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

Ponadto można skorzystać z linku

http://datainflow.com/question/how-to-get-file-name-when-upload-a-file-in-jquery/