Upload and resize pictures browser side |
in the category Productivity |
| |
|
Hello,
Here's a small project that allow to upload pictures and resize them in Javascript. It will avoid you to upload big pictures on the server. Explanations are in the code comments.
It has been developped with Webdev23 and tested on Chrome Version 74.0.3729.169. |
| |
| |
| Illustrations, screen shots |
|
| |
(To evaluate this resource, click 'Write a review') |
| | | |
No review or comment? Be the first one! |
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 ! |
| | |
|
Minimum version: 30F230053k |
| | | | | |