Discussion :

[Gaetch]

Bonjour,

J'ai sur mon site un formulaire pour uploader un avatar, je voudrais savoir s'il était possible, côté client, d'effectuer un traitement sur ce fichier pour le redimensionner avant de l'envoyer. Si oui, avec quelles méthodes ? (Jquery, JavaScript, etc.).

Merci d'avance.

[dev14]

Bonjour,

coté client j'en sais rien, mais coté serveur, si tu redimensionnes ton image et que tu supprimes l'originale?

[Gaetch]

Je veux absolument faire du traitement côté client.

[thelvin]

Normalement la balise <canvas> et son toDataURL() devraient rendre cela possible en HTML/JavaScript pur.
Mais je ne connais pas d'outils qui simplifient ce travail.

Il doit sûrement y en avoir plein en Flash, par contre.

[ze0ne]

Salut,
j'arrive un peut tard, pour ma part j'ai déjà utiliser ce genre de solution, en jQuery.

Avec un système d'upload en drag&drop dans un cadre de la dimension de l'avatar (120x120), lors du drop dans le cadre, jQuery redimensionne l'image (côté client) au dimension voulu et dans un second temps, l'upload de l'image redimensionnée se fait en ajax (toujours avec jQuery).

C'était il y a un moment, jQuery a beaucoup évolué depuis et je pense qu'avec la collection de plugin, tu devrai trouver une solution sans prise de tête, à l'époque, j'avais pas mal galéré.

[Bovino]

Je veux absolument faire du traitement côté client.

C'est un mauvais choix.
Tu ne pourras le faire (notamment avec la balise <canvas> comme déjà indiqué) que via un script JavaScript, n'importe quel utilisateur pourra donc très facilement bypasser ton redimensionnement et aller à l'encontre de ta logique.

[Gaetch]

C'est un mauvais choix.
Tu ne pourras le faire (notamment avec la balise <canvas> comme déjà indiqué) que via un script JavaScript, n'importe quel utilisateur pourra donc très facilement bypasser ton redimensionnement et aller à l'encontre de ta logique.

J'ai bien évidemment un redimensionnement côté serveur qui prend le pas le cas échéant mais si possible, je voulais que le traitement soit fait en local par soucis de performance.