PC SOFT
DEPOT EN LIGNE
POUR WINDEVWEBDEV ET WINDEV MOBILE

Redimensionner des images côté navigateur (Javascript)
Publié par Miki
dans la catégorie Productivité
Nouveautés



Description
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
none
none
Avis des utilisateurs
(Pour noter la ressource, cliquez sur Ecrire un avis)
Miki
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...)
Guillaume VIGOUROUX
Il n'y aurait pas un petit soucis, ou j'ai rien compris ?
Cordialement.
Miki
N'hésitez pas à faire des remarques, à améliorer le projet et à partager !
A PROPOS
EVALUATION :
00Aucune évaluation
TELECHARGEMENTS :
523
MISE À JOUR :
20 juillet 2020
VERSION :
0.2
CONCERNE :
WEBDEV
Version minimale : 30F230053k
TAILLE :
6,4 Mo