Discussion :

[toufou]

Bonjour,
Je suis confronté à un probleme depuis quelques jours et impossible pour moi de trouver la soluce, j'ai essayé pleins de soluce vu sur le web (merci google) mais rien qui ne fonctionne bien!


Je voudrais un formulaire ou l'utilisateur selectionne une image jpg sur son ordinateur, qu'elle soit ensuite redimensionnée à une certaine resolution, et ensuite uploader sur un serveur.

Jusque là, ma solution privilégié se passait de jquery....j'uploadais l'image en php puis effectuais un redimensionement en php SAUF QUE: mon site etant sur un serveur free.fr je suis limité en utilisation memoire et si le visiteur du site veut uploader une image de 6Mp en jpg, elle prend plus de place que la limite autorisée par le serveur. C'est donc à ce moment que je me suis dis que le mieux est de faire le redimensionnement en local et enssuite d'uploader l'image mais je suis completment paumé!!

Tout d'abord, quelqu'un sait-il selectionner un fichier en local et le redimensionner? puis l'uploader?

Merci pour votre aide,
TouFou

[marcha]

Salut,

Il te faut regarder la nouvelle FileAPI, FileReader offre des méthodes permettant
de gérer l'upload, de connaitre la taille du fichier avant son envoi, d'accéder
aux données binaire du fichier.

Voici une démo

Si tu trouve un exemple de resize de l'image avant l'upload, je suis preneur.

[fabrice88]

Sa à l'air sympa mais comme je parle pas anglais j'ai pas compris grand chose.
de plus est ce que sa oblige a utiliser Firefox sachant que je tourne sur IE ?
Peut on intégrer ça dans un formulaire qui traitera d'autres données que les images ? (par exemple envoi dans un bdd du nom de l'image + upload, nom adresse, description......)

[marcha]

J'en sais pas beaucoup plus que ça pour le moment, je ne sais pas non plus si Internet Explorer 9 va intégrer cette API.

[toufou]

Salut,

Il te faut regarder la nouvelle FileAPI, FileReader offre des méthodes permettant
de gérer l'upload, de connaitre la taille du fichier avant son envoi, d'accéder
aux données binaire du fichier.

Voici une démo

Si tu trouve un exemple de resize de l'image avant l'upload, je suis preneur.

Bonjour,
Merci d'avoir répondu pour me donner un coup de main mais effectivement cette soluce ne n'appliquant qu'au moteur gecko donc firefox & co, cela ne va pas le faire.

Il n'existe pas une libraire graphique en jquery?

Merci pour vos aides,
TouFou

[Lapinpanda]

Pourquoi ne pas limiter tout simplement la taille maximal d'upload d'une image?

Tu fais un filtre et/ou un contrôle qui ne valide pas les image qui ont une taille supérieur à X Mo.


Ensuite bah tu continue ton process de redimensionnement comme tu l'a expliquer!

C'est simple, rapide, et en plus ça fait son boulot!

[toufou]

Bonjour,
Très bonne solution! J'y ai pensé, c'est même la plus simple à mettre en oeuvre mais j'aurais aimé une solution ou la personne qui va uploader les images n'ait pas besoin de les redimensionner avant. Pour nous cela semble facile mais pour des personnes utilisant juste un service web, quand elles vont voir le message: "votre image est trop grande veuillez la redimensionner...", pas sur que la personne sache quel logiciel utiliser.....

Si il n'y a pas d'autres solutions, j'appliquerai certainement celle-ci..

D'autres solutions?

TouFou

[marcha]

Les autres solutions ne sont pas javascript. Il te faut chercher du coté de flash, java au activex

[Lapinpanda]

Bonjour,
Très bonne solution! J'y ai pensé, c'est même la plus simple à mettre en oeuvre mais j'aurais aimé une solution ou la personne qui va uploader les images n'ait pas besoin de les redimensionner avant. Pour nous cela semble facile mais pour des personnes utilisant juste un service web, quand elles vont voir le message: "votre image est trop grande veuillez la redimensionner...", pas sur que la personne sache quel logiciel utiliser.....

Si il n'y a pas d'autres solutions, j'appliquerai certainement celle-ci..

D'autres solutions?

TouFou

Je ne sais pas s'il existe des solutions tierces existantes( et gratuite) sur le Web qui font ce job la, mais si c'est le cas, tu peux proposer à l'utilisateur de se rendre sur le site qui propose le service.
Au moins l'user n'aura pas à faire la recherche