Redimensionner des images côté navigateur (Javascript) |
dans la catégorie Productivité |
| |
|
Bonjour,
Voici un projet qui vous permet de sélectionner des images de votre ordinateur et de les redimensionner en Javascript. Vous n'aurez alors plus besoin de charger chaque images dans un champ image ou des variables images avant de les redimensionner.
Toutes les explications sont en commentaire dans le code.
Projet développé avec WEBDEV 23 et testé sur Chrome Version 74.0.3729.169. |
| |
| |
| Illustrations, copies d'écran |
|
| |
(Pour noter la ressource, cliquez sur Ecrire un avis) |
| |
pour pouvoir poster un avis |
| | |
| | |
Aucun avis ou commentaire ? Soyez le premier ! |
Bonjour à l'auteur et merci pour la ressource. Est-il possible d'avoir un projet (quasiment le même) qui upload un fichier (doc, pdf...) plutôt qu'une image ? soit : sélection, pas de redimensionner et upload Motif : plantage de la fonction UploadCopieFichier Merci. |
| Bonjour Michel,
C'est un projet Webdev 23, essayez avec la bonne version. Je l'ai tout de même essayé avec Webdev 24 et je n'ai pas rencontré d'erreur. J'ai simplement du reconfigurer mon serveur.
Quel sont les messages d'erreurs ? Que dis le diagnostic du serveur ? (Dans l'administrateur Webdev 24, onglet "Avancé", bouton "Diagnostic" N'hésitez pas à m'écrire : mickael_archambaud@hotmail.com |
| Bonjour,
Impossible d'ouvrir votre projet dans Webdev 24 ; le désarchivage se fait normalement pourtant.
Merci et cordialement. |
| Bonjour Guillaume,
En tant normal pour redimensionner une image il faut d'abord la charger sur le serveur et faire un traitement côté serveur qui va la retailler. Sauf que charger de nombreuses photos et images de plusieurs mégaoctets est un traitement qui peut être assez lourd.
Dans mon programme si vous sauvegardez l'image dans l'aperçu vous constaterez que son poids et ses dimensions sont inférieur à l'image d'origine que vous avez uploadé en ayant cliqué sur le bouton vert, en forme de +. Ce redimensionnement a été effectué en Javascript, donc côté navigateur. (aucun upload de l'image sur le serveur) Vous pouvez ensuite disposer cette image (celle dans l'aperçu) comme vous l'entendez.
C'est par exemple très utile dans le cas ou les utilisateurs enregistrent beaucoup de photos assez lourdes depuis leurs postes sur le serveur. (Gestion d'une concession auto, gestion d'annonces immobilières, etc...) |
| Il n'y aurait pas un petit soucis, ou j'ai rien compris ? Cordialement. |
| N'hésitez pas à faire des remarques, à améliorer le projet et à partager ! |
| | |
|
Version minimale : 30F230053k |
| | | | | |