#1 25-09-2019 09:22:53

iznogoud
Conseiller Technique
Lieu : Belgique -Mouscron - Tourcoing
Inscription : 18-05-2015
Messages : 323

[Test] Upload d'images

/!\ Le site peut être instable si je bosse dessus.
/!\ les photos ici présentes ne seront conservées.
/!\ les retours sur l'outil sont à faire dans ce fil de conversations.
/!\ Compatible pour  téléphones mobiles mais testé sur émulateur.

Guide utilisateur  V20190925

Site de test : http://vianney.ricq.free.fr/Up/

Vue d'ensemble
1569396763.png

Selection des fichiers

1569396955.png
Au clic sur ce bouton, une fenêtre permettant de sélectionner les fichiers à charger apparaît.
Il est possible de sélectionner un à plusieurs fichiers simultanément du même dossier.
Pour ajouter les fichiers d'un autre dossier, il suffit de cliquer de nouveau sur le bouton et de naviguer vers le dossier souhaité.

Critères de prise en charge

Prise en charge des JPG, BMP, ICO, PNG, GIF
JPG, BMP, ICO, PNG : Redimensionnement des fichiers en JPG - 1500x1500 - 98%
GIF : Fichier max 10Mo

Bandeau d'informations de non prise en charge

1569398490.png
Chaque fichier n'entrant pas dans les critères de prises en charge est affiché dans ce bandeau.
Une croix est disponible en haut à droite afin de supprimer l'alerte.

le polaroid

1569397486.png
Chaque fichier sélectionné est inséré dans un 'polaroid' en attente de traitement. (ex : 1° polaroid)
L'image n'apparaît que lorsque le redimensionnement est terminée. (ex : 2° polaroid)
Une croix est disponible en haut à droite afin de supprimer le polaroid.
Les dimensions et la taille de l'image sont affichées en haut à gauche.

Ordonnancement

1569398171.png
1569398182.png
Au clic maintenu sur une image, le polaroid se met à vibrer et il est prêt à être déplacé.
Il suffit de le lâcher à l'endroit souhaité.

Chargement des images

1569398812.png
Au clic le bouton, les polaroids sont envoyés vers le serveur.
/!\ Ne pas cliquer avant que tout les polaroids ne soient traités (sous peine de poursuite) /!\

Réponse serveur

1569399127.png
Après le clic sur le Vouizzz, il faut patienter que toutes les images soient envoyés au serveur.
En retour, une box verte avec le code a copier dans le forum apparaît.

Dernière modification par iznogoud (25-09-2019 17:38:01)


Attention, ça peut tomber en marche!
La Claudette

Hors ligne

#2 25-09-2019 09:23:53

iznogoud
Conseiller Technique
Lieu : Belgique -Mouscron - Tourcoing
Inscription : 18-05-2015
Messages : 323

Re : [Test] Upload d'images

Version 20200625
Fonctionnalités Ajoutées

Ajout des boutons de rotations

Version 20191119
Améliorations

Centralisation de la cofiguration
Nettoyage du code
Utilisation des CDN
Verification des performances
Tests utilisateurs

Version 20191002
Fonctionnalités Ajoutées

Prise en charge du drag & drop depuis un dossier sur la page web

Version 20190927
Fonctionnalités Ajoutées

Correction  : Rotation automatique de l'image suivant ses propriétés EXIF
Rassemblement des boutons dans le bandeau du haut
Ajout d'un bouton pour vider la page
Ajout d'un indicateur lors que l'image a été chargé sur le serveur et qu'on a continuer a travailler sur la page

Version 20190926
Fonctionnalités Ajoutées

Rotation automatique de l'image suivant ses propriétés EXIF
Réduction de la taille max de 1500px à 1200px : gain moyen de 35%
Garde en mémoire la liste des images déjà envoyées au serveur pour mise a jour des légendes, ordonnancement ou ajout suppression de polaroid

Version 20190925-2
Fonctionnalités Ajoutées

Scrollup lors du retour serveur
Ajout d'une favicon (inutile, donc indispensable)

Version 20190925-1
Fonctionnalités présentes

Zone de légende sous chaque polaroid
Fonctionnalité d'ordonnancement des polaroids

A venir

Spinner global lors du traitement des polaroids

Évolutions

Prise en charge des photos Iphone particulières
Prise en charge d'autres formats comme PDF, XPS, Video
Retouche d'images avant upload

Dernière modification par iznogoud (25-06-2020 09:58:28)


Attention, ça peut tomber en marche!
La Claudette

Hors ligne

#3 25-09-2019 09:30:48

iznogoud
Conseiller Technique
Lieu : Belgique -Mouscron - Tourcoing
Inscription : 18-05-2015
Messages : 323

Re : [Test] Upload d'images

dd70d2c42b7fa51c2545ce723b64be4a.jpeg

oulala une légende dans une quote

07058458ff205fd1d326cca11432494c.jpeg
oulala une légende ET une photo dans une quote, que c'est bioooo

54ecac476a17b5a5181cc87f0040652a.jpeg
3
87083aa8d1a471a0946e16ba3e583eaf.gif
4
53d26a33e1cc346a054eb04824c56840.jpeg
5
540ecb0d5107c56a4921238eac7b3cdd.jpeg
6
b671b341cbac5f5fa399bf3b8b0d49a3.jpeg
7
5c8806c1cdeb4471995dbcf416a595a9.jpeg
8
53b18cac331b7fd2dde55638f5bc39ce.jpeg
9
bdd5f29e0a2e8a64a33b658bbfbd99e3.gif
10
45286672aacabb8c2e8594ac819c8628.jpeg
12
ed6d3bfaa01f753a853245df42a4925c.jpeg
12
b85898b33ecc1162ea42b25f3a5df83e.jpeg
13
1686a54193187a79fd973ab6b6edac90.jpeg
14
a00f5ad0e63954968b049beb58f4219d.gif
15
4e30f37eac31354b4cc178ee36dc9765.gif16
85bfae59d4f36954da374b71f037a780.gif17

01cfaa7663093859f5ae40e067107ce9.jpeg
18

Dernière modification par iznogoud (25-09-2019 10:28:44)


Attention, ça peut tomber en marche!
La Claudette

Hors ligne

#4 25-09-2019 09:31:18

nono5561
Membre DCF - Organisateur Nationale
Lieu : Meuse 55
Inscription : 31-01-2009
Messages : 5 508

Re : [Test] Upload d'images

Merci Vianney, je verrai ça ce soir après le taf.


Dyane 6 mai 72 AC87: en pièces détachées, Dyane 6 mars 70 AC93:  en hibernation.
Dyane 6 novembre 80 AC 442: la voiture de tous les jours et des manifestations.
Gspecial de 1978 Beige opale la voiture des W-E.

Hors ligne

#5 25-09-2019 10:11:24

Flupke
Président du DCF
Lieu : overijse / Belgique
Inscription : 29-09-2013
Messages : 14 582

Re : [Test] Upload d'images

EXCELLENT

excellent travail Vianney
ultra simple et on peut y inclure des GIF aussi

MERCI


2ce48bd142574525a3620e61899ad670.gif


6aa155d81f3f5ed1c7ff477bb255aabf.jpeg
7207e72a370dddba199a1906e76646a6.jpeg
f6e13547224f4f91eace37d795760aa6.jpeg
771f5a919b7ae5d09c5ad8faefb303e7.gif


Tu peux jouer avec, mais pas te prendre après                                             
TWINIE Dyane6 1981 AC539 Jade 1ère pour moi
Twinie et ses travaux
RADEGONDEKE Dyane6 1983 AC069 Nevada je m'occupe de Radegonde

Hors ligne

#6 25-09-2019 10:29:14

Flupke
Président du DCF
Lieu : overijse / Belgique
Inscription : 29-09-2013
Messages : 14 582

Re : [Test] Upload d'images

Essais avec GSM
Tout aussi facile, génial

36955fa2721347aca6969be747d03775.jpeg


Tu peux jouer avec, mais pas te prendre après                                             
TWINIE Dyane6 1981 AC539 Jade 1ère pour moi
Twinie et ses travaux
RADEGONDEKE Dyane6 1983 AC069 Nevada je m'occupe de Radegonde

Hors ligne

#7 25-09-2019 10:31:59

iznogoud
Conseiller Technique
Lieu : Belgique -Mouscron - Tourcoing
Inscription : 18-05-2015
Messages : 323

Re : [Test] Upload d'images

Flupke a écrit :

Essais avec GSM
Tout aussi facile, génial

http://vianney.ricq.free.fr/Up/uploads/ … 03775.jpeg

De rien.
Pourrais tu tester la partie 'légende' ?
Ne faudrait il pas lier la légende avec la photo du style :

36955fa2721347aca6969be747d03775.jpeg

Dernière modification par iznogoud (25-09-2019 10:40:36)


Attention, ça peut tomber en marche!
La Claudette

Hors ligne

#8 25-09-2019 10:43:09

iznogoud
Conseiller Technique
Lieu : Belgique -Mouscron - Tourcoing
Inscription : 18-05-2015
Messages : 323

Re : [Test] Upload d'images

A tous :
Doit on réduire les images de 1500px à 1000px afin que le chargement des pages de photos sur les connections lentes se fasse dans de bonnes conditions?

En faisant une simulation de connexion 3G, notre page met 3 minutes a se charger entièrement.

Dernière modification par iznogoud (26-09-2019 11:05:12)


Attention, ça peut tomber en marche!
La Claudette

Hors ligne

#9 25-09-2019 10:52:30

nono5561
Membre DCF - Organisateur Nationale
Lieu : Meuse 55
Inscription : 31-01-2009
Messages : 5 508

Re : [Test] Upload d'images

Franchement il ne faut pas que les photos soient trop lourdes mais perso je ne peux pas dire quelque taille est la mieux adaptée.


Dyane 6 mai 72 AC87: en pièces détachées, Dyane 6 mars 70 AC93:  en hibernation.
Dyane 6 novembre 80 AC 442: la voiture de tous les jours et des manifestations.
Gspecial de 1978 Beige opale la voiture des W-E.

Hors ligne

#10 25-09-2019 11:11:02

iznogoud
Conseiller Technique
Lieu : Belgique -Mouscron - Tourcoing
Inscription : 18-05-2015
Messages : 323

Re : [Test] Upload d'images

9453d5e9928093962ce3ee7cf9daaad9.jpeg
Le

Dernière modification par iznogoud (25-09-2019 11:11:20)


Attention, ça peut tomber en marche!
La Claudette

Hors ligne

#11 25-09-2019 11:18:29

Flupke
Président du DCF
Lieu : overijse / Belgique
Inscription : 29-09-2013
Messages : 14 582

Re : [Test] Upload d'images

voici mon essais avec la légende ajoutée

pour les photos en généra lje réduis à 1200x800 et c'est très bien

e53ab816db9fe560cc2377c0f7fb817b.jpeg
Reflet de palette

bravo Vianney,ça fonctionne très bien


Tu peux jouer avec, mais pas te prendre après                                             
TWINIE Dyane6 1981 AC539 Jade 1ère pour moi
Twinie et ses travaux
RADEGONDEKE Dyane6 1983 AC069 Nevada je m'occupe de Radegonde

Hors ligne

#12 25-09-2019 11:21:06

Flupke
Président du DCF
Lieu : overijse / Belgique
Inscription : 29-09-2013
Messages : 14 582

Re : [Test] Upload d'images

celle-ci pour t'informer que ma photo originale reste bien dans sa résolution de départ  après  l'avoir postée ici

24d885099b45aac9aef5617d20bf6b96.jpeg


Tu peux jouer avec, mais pas te prendre après                                             
TWINIE Dyane6 1981 AC539 Jade 1ère pour moi
Twinie et ses travaux
RADEGONDEKE Dyane6 1983 AC069 Nevada je m'occupe de Radegonde

Hors ligne

#13 25-09-2019 11:27:37

Ma Dyane enfin !
Visiteur Assidu
Lieu : Abbeville (80)
Inscription : 13-07-2011
Messages : 3 101

Re : [Test] Upload d'images

Une Dyane "Charleston " ?
Et c'est ce que tu a retiré du reniflard ?
Pas bon pour la suite.....
Mais je peux me tromper !
wink


Pierre-Michel
Je n'ai plus de Dyane ! et...
" Celui qui donne ne doit jamais s'en rappeler; celui qui reçoit ne doit jamais oublier "

Hors ligne

#14 25-09-2019 12:58:24

clembardo
Membre d'honneur du DCF
Lieu : 37000 Tours
Inscription : 02-08-2011
Messages : 18 740

Re : [Test] Upload d'images

Bigre bougre ! Mes méninges de PMV sont mises à rude épreuve, mais je vais tester, je veux dire tester mes capacités à tester ce test. Il n'y a rien de fait, mais le propre de l'homme n'est-il pas l'espérance ?

  Merci Vianney, si Philippe dit que ça fonctionne, c'est ( sans doute ) vrai.

Cordiaclément


- Dis Anne, ma soeur Anne, ne vois-tu rien venir ?
- Je vois un grand troupeau de Dyanes frémissantes,
  J'entends sous leurs capots leurs trois chevaux hennir
  Grâce à elles notre vie sera plus palpitante !

Hors ligne

#15 25-09-2019 17:03:09

iznogoud
Conseiller Technique
Lieu : Belgique -Mouscron - Tourcoing
Inscription : 18-05-2015
Messages : 323

Re : [Test] Upload d'images

Alors, avec ou sans Dolipranne/Jack Daniel ?


Attention, ça peut tomber en marche!
La Claudette

Hors ligne

#16 25-09-2019 17:11:37

leo
Membre DCF
Lieu : Bretagne (44)
Inscription : 27-10-2007
Messages : 11 978

Re : [Test] Upload d'images

26f9bbbed71b10d4fc54edbbcb0858da.jpeg
07c61dced9c75d80b9664d7ad31c9432.jpeg
3477550dbc126449a3e46168e7f136ac.jpeg
478139866462b3c8dce6ada44f0735cf.jpeg
2ed6e204e429f1f25656c03ade220edf.jpeg
7341bf3228b6b7324fbff76a9cc402bd.jpeg
f22bfe7c52e09fba6a422b929588af90.jpeg
f7dc54f0017d8f3287fb9f2bcb1a5590.jpeg
8f0f811ea68945fcefa05d4b82f06d80.jpeg
aa0c0e0ab697461fb9c1dac5f58c0f91.jpeg


Léo

Hors ligne

#17 25-09-2019 17:12:19

clembardo
Membre d'honneur du DCF
Lieu : 37000 Tours
Inscription : 02-08-2011
Messages : 18 740

Re : [Test] Upload d'images

Il ne peut pas te répondre, il a roulé sous la table ! Christiane prépare le doliprane !

Cordiaclément


- Dis Anne, ma soeur Anne, ne vois-tu rien venir ?
- Je vois un grand troupeau de Dyanes frémissantes,
  J'entends sous leurs capots leurs trois chevaux hennir
  Grâce à elles notre vie sera plus palpitante !

Hors ligne

#18 25-09-2019 17:17:37

leo
Membre DCF
Lieu : Bretagne (44)
Inscription : 27-10-2007
Messages : 11 978

Re : [Test] Upload d'images

52d957eb09e7c116e54d8049ea36959c.jpeg
dcc3799a576c7d20d2fc73571354db32.jpeg
60b87c2f4d21ddf8096b9568694e232d.jpeg
ca40825d45c167a71532a19a40904a73.jpeg
fb148cf6c953e6d8a04f027c4002f81f.jpeg
2a81ece29c687d30a5d3980092c929fc.jpeg


Léo

Hors ligne

#19 25-09-2019 17:24:51

leo
Membre DCF
Lieu : Bretagne (44)
Inscription : 27-10-2007
Messages : 11 978

Re : [Test] Upload d'images

7e40f22f2c8afafe623c477d98404ee7.jpeg
56e982324a3415a74bc5dd3cd96bad5c.jpeg
8f096b17a1d8ff4b281addc23897cf52.jpeg
d9a67edc0d1c8df3a242cd34993f5b20.jpeg
80bd5b3314bdf9a61e0d4ae9d4ffe805.jpeg
feb513b72cdd3c26fa49fa553e2d6b83.jpeg
Les belles jantes !


Léo

Hors ligne

#20 25-09-2019 17:32:29

leo
Membre DCF
Lieu : Bretagne (44)
Inscription : 27-10-2007
Messages : 11 978

Re : [Test] Upload d'images

Ça marche bien.

Par contre, si je veux mettre des photos qui sont dans le plusieurs dossier, il faut le faire en plusieurs fois, et ensuite toute envoyer sur le serveur.
=> "Il est possible de sélectionner un à plusieurs fichiers simultanément." Rajouter "dans le même dossier" ?

Admettons qu'on envoi une photo sur le serveur, puis on en rajoute d'autres, on renvoi sur le serveur: on se retrouve avec 2 "box" vertes avec les codes à C/C

b618562ad87017189e0d11be6ecb59a5.jpeg

Mais envoi t'on 2 fois les photos sur le serveur ?

Perso, je trouve que le bouton de sélection est mal placé. J'emmène jamais ma souris en bas à droite... D'autant que quand on ouvre la page, il n'y a rien au centre, c'est déroutant. Après je m'y ferai tongue

Prise en charge d'autres formats comme PDF, XPS
Retouche d'images avant upload
Prise en charge de fonctionnalités de "glisser-déposer" (comme dirait sa copine)

Je pense que ça sert à rien d'avoir d'autres formats, car le forum ne peut pas les afficher. Ou il faut convertir en image...

Retouche, à voir ?

Glisser-déposer serait le top de mon point de vue. (c'est comme ça que je fonctionne aujourd'hui).

Beau boulot !


Léo

Hors ligne

#21 25-09-2019 17:45:53

clembardo
Membre d'honneur du DCF
Lieu : 37000 Tours
Inscription : 02-08-2011
Messages : 18 740

Re : [Test] Upload d'images

a20b83222a006d7d038fdf07a1d78b21.jpeg

Un beau tracteur à Varennes sur le Loir
abf2b1cd65cd2b8f6d2b699dcb0a138a.jpeg
723f615c13d71106ae46a905d7ed0769.jpeg
4df56cf13af4e3ad0a2d727867b5227d.jpeg

Les autos enjouées 2012
1e92310397c9e2cc94052bbbe63bbfc6.jpeg

Bouton du coupe batterie d'une Acadiane EDF
0bd0b4a2bb8934eb18d07cdc4e66add3.jpeg

Oagadougou : il en reste pas mal à récupérer
d37b09aa400f664b932b4734b3326b02.jpeg

Si je comprends bien, la légende ne peut s'écrire que sous la photo, et pas avant, comme je le fais souvent pour expliquer la situation dans laquelle cette photo a été prise. Ce n'est pas forcément grave, puisque je peux toujours mettre le texte puis insérer les images ensuite, ensemble. Pour les vidéos, y a-t-il moyen de les insérer directement ? Je suppose que non et qu'il faut continuer avec les liens youtube, par exemple. Faut que j'expérimente dans la mesure où je mets beaucoup de texte. A moins que : comment insérer mon texte, de façon bien lisible pour moi pour me relire, le modifier en utilisant ta proposition ? As-tu une réponse Vianney stp ? Parce que là, tout de suite, le texte s'imprime sur un rectangle d'à peine 8 x 3 cm, pas terrible pour le visualiser et franchement ch...t pour corriger mes nombreuses fautes de frappe !
____________________________________________
Commentaire sur l'essai que j'ai laissé tel quel, après avoir corrigé mes fautes dans la petite fenêtre.
Mes remarques par rapport aux corrections ont vraiment de l'importance pour moi. Je sais, je peux corriger une fois que tout s'est affiché dans le brouillon de post, donc, c'est finalement moins grave.

Le gros intérêt qui m'apparaît nettement : pouvoir insérer autant de photos que je le souhaite en une seule manoeuvre et ça, c'est plus qu'appréciable, merci Vianney.

Cordiaclément


- Dis Anne, ma soeur Anne, ne vois-tu rien venir ?
- Je vois un grand troupeau de Dyanes frémissantes,
  J'entends sous leurs capots leurs trois chevaux hennir
  Grâce à elles notre vie sera plus palpitante !

Hors ligne

#22 25-09-2019 17:47:15

iznogoud
Conseiller Technique
Lieu : Belgique -Mouscron - Tourcoing
Inscription : 18-05-2015
Messages : 323

Re : [Test] Upload d'images

leo a écrit :

Ça marche bien.

Merci Léo !

leo a écrit :

Par contre, si je veux mettre des photos qui sont dans le plusieurs dossier, il faut le faire en plusieurs fois, et ensuite toute envoyer sur le serveur.
=> "Il est possible de sélectionner un à plusieurs fichiers simultanément." Rajouter "dans le même dossier" ?

Doc mise à jour.

leo a écrit :

Admettons qu'on envoi une photo sur le serveur, puis on en rajoute d'autres, on renvoi sur le serveur: on se retrouve avec 2 "box" vertes avec les codes à C/C
Mais envoi t'on 2 fois les photos sur le serveur ?

Oui ça a envoyé 2 fois.
Ta remarque fait partie de ma Todo à présent.

leo a écrit :

Je pense que ça sert à rien d'avoir d'autres formats, car le forum ne peut pas les afficher. Ou il faut convertir en image...

ça ferait une balise de type url permettant de télécharger directement le fichier, mais ça peut être un extra.

leo a écrit :

Retouche, à voir ?

J'ai trouvé un module qui fait le job, il faut que je regarde si c'est faisable.

leo a écrit :

Glisser-déposer serait le top de mon point de vue. (c'est comme ça que je fonctionne aujourd'hui).

J'avais mis en place cette fonctionnalité lors de mes premiers tests. Je l'exhumerai pour le mettre dans cette version.

Je prioriserai les taches en compilant les retours de chacun.


Attention, ça peut tomber en marche!
La Claudette

Hors ligne

#23 25-09-2019 17:49:22

clembardo
Membre d'honneur du DCF
Lieu : 37000 Tours
Inscription : 02-08-2011
Messages : 18 740

Re : [Test] Upload d'images

En tout cas, beau travail, merci Vianney.

Cordiaclément


- Dis Anne, ma soeur Anne, ne vois-tu rien venir ?
- Je vois un grand troupeau de Dyanes frémissantes,
  J'entends sous leurs capots leurs trois chevaux hennir
  Grâce à elles notre vie sera plus palpitante !

Hors ligne

#24 25-09-2019 18:08:21

Flupke
Président du DCF
Lieu : overijse / Belgique
Inscription : 29-09-2013
Messages : 14 582

Re : [Test] Upload d'images

je trouve le titre assez marrant "Dyanepositives"

Il est vrai qu'en y reflechissant Léo n'a pas tort au niveau du bouton d'accès
et en effet une fois une série postée(toujours corrigible sur le forum)un retour à une page vierge éviterait
des doublons.


Tu peux jouer avec, mais pas te prendre après                                             
TWINIE Dyane6 1981 AC539 Jade 1ère pour moi
Twinie et ses travaux
RADEGONDEKE Dyane6 1983 AC069 Nevada je m'occupe de Radegonde

Hors ligne

#25 25-09-2019 18:36:44

EricF
Membre DCF
Lieu : Bar Le Duc
Inscription : 17-12-2012
Messages : 3 586

Re : [Test] Upload d'images

a734c342c06fe4eeaed4b410dd515892.jpeg
22fbe6fe02b4b2fb16eac088cccc27b0.jpeg


2cv AZAM 1966 gris dandy, Dyane 1970 jaune calabre, et CX Athena rouge 1981

Hors ligne

Utilisateurs enregistrés en ligne dans cette rubrique: 0, invités: 1
[Bot] CCBot

Pied de page des forums

Propulsé par FluxBB

[ Générées en 0.047 secondes, 7 requêtes exécutées - Utilisation de la mémoire : 1.69 Mio (pic d'utilisation : 1.74 Mio) ]