Fwd: input file evento change

[A Matías Quezada]

Buenas,

Estoy intentando gestionar un problema con un input que permite seleccionar fotos, recortarlas y subirlas a mi web.

Actualmente tengo un input file

<input type="file" name="unused" id="photo-upload">

Y capturo cuando el usuario selecciona una foto utilizando el evento change

$('#photo-upload').on('change', startCrop);

Pero si el usuario quiere hacer dos recortes a una misma foto lo que haría sería

• Abrir el selector de archivos
• Seleccionar la foto que quiere subir
• Esto dispara el evento change así que empieza el proceso de crop
• Una vez finalizado volvería a abrir el selector de archivos
• Volvería a seleccionar la misma foto
• El valor del input no ha cambiado así que no se dispara el evento change

Es bastante molesto y yo me pregunto, en lugar del evento change no hay un evento updated o fileSelected?

He visto por ahí que lo que hacen muchos es destruir el input y volver a crearlo:

var parent = $('#photo-upload').parent();
parent.html(parent.html());

Pero me parece peligroso porque cualquier listener puesto en un hijo de parent se perdería.

Alguien se ha encontrado con este problema? Como lo habéis solucionado?

[Dídac Rios]

2013/6/19 A Matías Quezada <amat...@gmail.com>

<input type="file" name="unused" id="photo-upload">

​I si se hace un reset del formulario?

Lo que no entiendo es por que se tienen que hacer dos recortes de una misma foto :\

Vamos, si ya lo hago una vez, yo no perderia el tiempo volviendolo hacer.​ No me lavo los dientes dos veces ...

--
Dídac Rios

[A Matías Quezada]

Dídac,

Es una buena opción, si moviera el input a su propio formulario para no resetear el resto de campos, lo probaré y comento que tal.

Y la gracia de hacer dos recortes a la misma foto creía que quedaba clara, dos recortes distintos, si hay dos caras en la foto y quiero recortarlas las dos por ejemplo... :P

--
Has recibido este mensaje porque estás suscrito al grupo "Frontend Spain" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a frontend-spai...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a fronten...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/frontend-spain.
Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 

[Dídac Rios]

Ah!! lapsus :s Pensava que se queria recortar la foto, y luego, volver a recortar la foto recortada previamente, y no me quadrava.

btw ... que tal otra opcion: poner un campo que le pida al usuario quantos recortes quiere hacer???

Al subirla, ofrecer los X recortes, ya sea todos de golpe, o paginados uno detrás del otro ...

2013/6/20 A Matías Quezada <amat...@gmail.com>

--
Dídac Rios

[Ismael González]

Puedes probar a usar la api de file reader de js, mantener la foto original en el cliente, hacer los crops en cliente y ya con todo listo mandarlo al servidor.

https://developer.mozilla.org/es/docs/Using_files_from_web_applications

Saludos!

--
Ismael González
UI Designer / UI Developer
basiclines.com

[A Matías Quezada]

Olvidé comentar como había ido, lo de hacer .reset() al formulario funciona. El input se limpia y vuelve a dispararse el evento "change".

Ismael, gracias, es exactamente lo que estoy haciendo.