Wie wird der Dateiname aus einer Dateieingabe mit jQuery erfasst?

Question

Ich habe eine Form, die eine Datei Eingabekontrolle hat: So

<input type="file" onclick="this.blur()" name="descFile" /> 

, wenn der Benutzer eine Datei auswählt, zeigt der Pfad in dem Texteingabefeld (Standard-Browser Verhalten), aber würde das Geschäft wie ich Legen Sie eine Nachricht in Fettdruck unterhalb der Angabe, dass sie die hochzuladende Datei ausgewählt haben, vor dem Postback.

Gibt es eine Möglichkeit, Javascript zu verwenden, um das Ereignis "Select" irgendwie von der Dateieingabe einzufangen und in Fettschrift unterhalb der Dateieingabe anzuzeigen?

Answer 1

$('input[name="descFile"]').change(function(){ 
    var filename = $(this).val(); 
    $('<label>Filename selected: '+ filename +'</label>').insertAfter($(this)); 
}); 

Denken Sie daran, um es innerhalb oder ähnlich zu:

$(function(){ }); 

Answer 2

Es ist die Wert Attribut Ihrer Eingabe Tag, wenn ich Ihre Frage verstehe.

$('#file_attach').change(function(){ 

     path=$(this).attr('value'); 
     start = path.lastIndexOf("."); 
     alert("extention: "+start); 
}); 

Answer 3

Dies kann wie diese

$('input[type=file]').val() 

Wie auch immer getan werden, schlage ich vor, Name oder ID-Attribut mit Ihrem Eingang auszuwählen. Und mit Fall sollte es so aussehen:

$('input[type=file]').change(function(e){ 
    $in=$(this); 
    $in.next().html($in.val()); 
});