Tengo un formulario que sube imagenes y muestra un preview de estas y me gustaría hacer un botón para limpiar el input.
He estado buscando varias soluciones pero de momento ninguna me ha servido. Ahora mismo estoy probando lo siguiente:
No funciona ninguno de los dos, ni el val() ni el clone().
Pero no está funcionando. ¿Hay algún problema con el código? Alomejor se puede hacer de otra manera, incluso más sencillo.
Gracias!
He estado buscando varias soluciones pero de momento ninguna me ha servido. Ahora mismo estoy probando lo siguiente:
Código (javascript) [Seleccionar]
window.resetMethod =
function (e) {
var input = $(this).parent('div').find('input[type=file]');
input.val('');
input.html($('input[type=file]').clone(true));
return false;
}
No funciona ninguno de los dos, ni el val() ni el clone().
Código (html5) [Seleccionar]
<div class="first">
<!-- este div es creado por el plugin ezdz y es donde aparece el preview -->
<div>Drop a file</div>
<input type="file" name="file[]" accept="image/jpeg" />
<div class="arrow_box hide"><a href="#" onClick="return resetMethod($(this));">Quitar imagen</a></div>
</div>
Pero no está funcionando. ¿Hay algún problema con el código? Alomejor se puede hacer de otra manera, incluso más sencillo.
Gracias!