¿Cómo detectar el tipo de entrada = archivo "cambio" para el mismo archivo?

Quiero iniciar un evento cuando el usuario selecciona un archivo. Haciéndolo con el evento .change funciona si el usuario cambia el archivo cada vez.¿Cómo detectar el tipo de entrada = archivo "cambio" para el mismo archivo?

Pero quiero activar el evento si el usuario selecciona el mismo archivo nuevamente. Seleccionar archivo

usuario A.jpg (activa el evento de selección)
usuario de archivos (B.jpg desencadena el evento)
usuario seleccione el archivo B.jpg (caso no se dispara, lo quiero al fuego)

¿Cómo puedo hacerlo?

Fuente

2010-11-05 Gadonski

Puede engañarlo. Elimine el elemento de archivo y agréguelo en el mismo lugar en el evento change. Borrará la ruta del archivo haciéndolo cambiable todo el tiempo.

Example on jsFiddle.

O puede simplemente usar .prop("value", ""), ver this example on jsFiddle.

jQuery 1.6 + prop
versiones anteriores attr

O utilizar .val("")

Fuente

2010-11-07 15:14:46 BrunoLM

Pero esto no funciona para los requisitos de OP, ¿verdad? –

@Pekka: No exactamente. Pero él puede simplemente adaptarlo. Digamos que necesita publicar el archivo. Después de la publicación, puede llamar a una función js que eliminará y agregará el nuevo selector de archivos. Es factible – BrunoLM

tenga en cuenta que cuando utiliza '.attr (" value "," ")' o '.val (" ")' (como sugiere @ wagner-leonardi a continuación) Internet Explorer activará el evento de cambio mientras que Chrome no – fadomire

No se puede hacer que change se encienda aquí (corregir el comportamiento, ya que no ha cambiado nada). Sin embargo, también puede vincular click ... aunque esto también puede disparar ... aunque no hay mucho terreno intermedio entre los dos.

$("#fileID").bind("click change", function() { 
    //do stuff 
});

Fuente

2010-11-05 19:20:59

@downvoter - care to comment? –

Parece que solo está repitiendo sus palabras y '.click()' no es "disparar al volver a seleccionar". – BrunoLM

@BrunoLM - No, no es ... pero creo que leyó la parte donde digo que no puede hacer esto, el 'clic 'es lo más cercano posible. –

Tengo esto para trabajar en la limpieza del valor de entrada de archivo onClick y luego enviar el archivo onChange. Esto permite al usuario seleccionar el mismo archivo dos veces seguidas y tener el evento de cambio de disparo para publicar en el servidor. Mi ejemplo usa el the jQuery form plugin.

$('input[type=file]').click(function(){ 
    $(this).attr("value", ""); 
}) 
$('input[type=file]').change(function(){ 
    $('#my-form').ajaxSubmit(options);  
})

Fuente

2012-02-24 04:34:30 braitsch

'onClick' se dispara antes de' onChange', por lo que este método funciona muy bien para mí. – iplus26

Esta fue una solución muy elegante y debe marcarse como respuesta. –

Este trabajo para mí

<input type="file" onchange="function();this.value=null;return false;">

Fuente

2014-01-05 10:36:24

Supongo que quería decir algo como function() {this.value = null; falso retorno; } – Prozi

Si ha intentado .attr("value", "") y no funcionaba, no se asuste (como yo)

Eso sí, .val("") lugar, y trabajará bien

Fuente

2014-03-20 00:47:32

jaja: D, miré a mi alrededor para ver si estabas sentado a mi lado –

super respuesta! :) – YdB

Esta debería ser la respuesta aceptada. –

Si no desea utilizar jQuery

<form enctype='multipart/form-data'> 
    <input onchange="alert(this.value); return false;" type='file'> 
    <br> 
    <input type='submit' value='Upload'> 
</form>

Funciona bien en Firefox, pero para Chrome necesita agregar this.value=null; después de la alerta.

Fuente

2014-09-20 12:58:23 elshnkhll

Puede usar form.reset() para borrar la entrada files list input. Esto restablecerá todos los campos a los valores predeterminados, pero en muchos casos puede que solo esté usando el tipo de entrada = 'archivo' en un formulario para cargar archivos de todos modos. En esta solución, no es necesario clonar el elemento y volver a conectar los eventos.

Gracias a philiplehmann

Fuente

2016-02-09 15:20:21

Bueno, tuve misma edición. Usé el evento "input" (o oninput) en lugar de change y funcionó como charm.

Fuente

2017-01-31 15:01:43 Diomos

Puede simplemente configurar nulo la ruta del archivo cada vez que el usuario hace clic en el control. Ahora, incluso si el usuario selecciona el mismo archivo, se activará el evento onchange.

<input id="file" onchange="file_changed(this)" onclick="this.value=null;" type="file" accept="*/*" />

Fuente

2018-01-29 10:50:23

Necesitaba una solución como esta. Es realmente corto y hace el trabajo. Buen pensamiento Mariusz Wiazowski. –

¿Cómo detectar el tipo de entrada = archivo "cambio" para el mismo archivo?

Respuesta

Cuestiones relacionadas