Cómo obtener el nombre de archivo del formulario de carga mediante jQuery?

Question

Quiero obtener el nombre de archivo del archivo cargado utilizando jQuery. Pero el problema es que obtuve la ruta de acceso y el nombre de archivo falsos, en lugar del nombre del archivo solamente. Esta es mi forma.

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

Y el jQuery es como esto

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

utilizo Chrome y tengo esto en el cuadro de alerta. Digamos que elijo el archivo named filename.jpg.

C:\fakepath\filename.jpg 

¿Cómo obtengo solo el nombre del archivo? Gracias por tu ayuda.

Answer 1

Dividir la cadena del archivo con "\" y usar el último elemento en la matriz resultante.

véase: Getting the last element of a split string array

Answer 2

También puede hacer:

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

Si se trata de un archivo de entrada múltiple, hacer:

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

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

Answer 3

nombre de archivo get al cargar usando jQuery

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

También puede seguir el enlace

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