por - jQuery-Detectar si un archivo ha sido seleccionado en la entrada del archivo

manejo de archivos en javascript

Question

Posible duplicado:
jQuery: obtenga el nombre de archivo seleccionado desde <input type = “file” />

Tengo un cuadro de entrada de archivo estándar

<input type="file" name="imafile">

También tengo un poco de texto en la página como tal

<span class="filename">Nothing selected</span>

Me preguntaba si es posible actualizar el texto con el nombre del archivo seleccionado en el cuadro de entrada del archivo.

Aclamaciones,

Answer 1

¿Sugeriría probar el evento de cambio? prueba para ver si tiene un valor si lo tiene, entonces puedes continuar con tu código. jQuery tiene

.bind("change", function(){ ... });

O

.change(function(){ ... }); 

que son equivalentes.

http://api.jquery.com/change/

para un selector único, cambie su atributo de nombre a id y luego jQuery("#imafile") o jQuery(''input[type="file"]'') general jQuery(''input[type="file"]'') para todas las entradas de archivos

Answer 2

Debería poder adjuntar un controlador de eventos al evento onchange de la entrada y hacer que llame a una función para establecer el texto en su intervalo.

<script type="text/javascript">
  $(function() {
     $("input:file").change(function (){
       var fileName = $(this).val();
       $(".filename").html(fileName);
     });
  });
</script>

Es posible que desee agregar ID a su entrada y rango para que pueda seleccionar en función de aquellos que sean específicos a los elementos que le interesan y no a otras entradas de archivos o tramos en el DOM.