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)
GROSBU
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.
Miki
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
Michel
Bonjour,

Impossible d'ouvrir votre projet dans Webdev 24 ; le désarchivage se fait normalement pourtant.

Merci et cordialement.
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 :
52(2)
TELECHARGEMENTS :
558
MISE À JOUR :
20 juillet 2020
VERSION :
0.2
CONCERNE :
WEBDEV
Version minimale : 30F230053k
TAILLE :
6,4 Mo