Come ottenere il nome del file dal modulo di caricamento utilizzando jQuery?

Question

Voglio ottenere il nome file del file caricato usando jQuery. Ma il problema, ho ottenuto il percorso falso e il nome del file, invece del solo nome del file. Questa è la mia forma

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

E il jQuery è così

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

Io uso Chrome e ottenuto questo nella finestra di avviso. Diciamo che scelgo il file named filename.jpg.

C:\fakepath\filename.jpg 

Come posso ottenere solo il nome del file? Grazie per l'aiuto.

Answer 1

Dividere la stringa del percorso file con "\" e utilizzare l'ultimo elemento nell'array risultante.

vedi: Getting the last element of a split string array

Answer 2

È anche possibile fare:

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

Se si tratta di un ingresso di più file, effettuare:

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

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

Answer 3

nome del file get durante il caricamento utilizzando jQuery

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

Inoltre è possibile seguire il link

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