155 votes

Côté client avec javascript avant de télécharger vers le serveur de redimensionnement d’image

Je voudrais savoir si c’est techniquement possible de redimensionner une image à un côté client avec javascript (redimensionner vraiment, pas juste changer width et height). Je sais que c’est possible de le faire en flash mais je voudrais l’éviter si possible. Y a-t-il n’importe quel algorithme de source ouverte quelque part sur le web ?

63voto

Jeremy Usher Points 301

La réponse est oui - en HTML 5, vous pouvez redimensionner des images côté client à l’aide de l’élément canvas. Vous pouvez également prendre les nouvelles données et l’envoyer à un serveur. Voir ce tutoriel :

http://hacks.Mozilla.org/2011/01/How-to-develop-a-HTML5-image-uploader/

12voto

ignacio Points 99

Pas sûr de savoir pourquoi vous voulez le faire... mais si tu le redimensionnement avant de les télécharger, je viens de découvrir ce http://www.plupload.com/ il n'toute la magie pour vous dans tous les imaginables méthode.

Malheureusement HTML5 redimensionner seulement est supporté avec Mozilla borwser, mais vous pouvez rediriger les autres navigateurs flash et silverlight.

Je l'ai juste essayé et a travaillé avec mon android!.

J'ai été en utilisant http://swfupload.org/ en flash, il fait le travail très bien, mais le redimensionner la taille est très petite. (ne vous souvenez pas de la limite) et de ne pas revenir à html4 lorsque le flash n'est pas disponible.

8voto

cemregr Points 386

http://www.plupload.com

HTML5 : Redimensionnement de l’Image n’est possible sur Firefox 3.5 + et seulement à une qualité déterminée. WebKit/Opera ne supporte pas l’accès aux données directement aux fichiers sélectionnés.

Le reste, qu'il gère avec Flash.

6voto

David V. Points 3065

Peut-être avec la toile tag (même si ce n’est pas portable). Il y a un blog sur comment faire pivoter une image avec toile ici, je suppose que si vous pouvez faire pivoter, vous pouvez redimensionner le volet. Peut-être, il peut être un point de départ.

Voir aussi.

-3voto

robert Points 915

Il est possible de le faire en utilisant la balise canvas de HTML5. Comme d’autres l’ont mentionné, ceci ne fonctionne que sur les navigateurs conformes à des normes.

Il peut y avoir une autre façon de redimensionner une image avec IE, mais qui ne serait pas open source.

Si vous êtes intéressé par la solution de la toile, faites le moi savoir et je vais vous montrer.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X