[Web] Chargement d'image par drag 'n drop

Chargement d'image par drag 'n drop [Web] - HTML/CSS - Programmation

Marsh Posté le 04-10-2017 à 20:50:20    

Bonjour,
 
J'ai un formulaire HTML où j'aimerais afficher un cadre où l'utilisateur pourrait au choix faire glisser une image en provenance de son PC, ou bien, en cliquant dessus, afficher la boite de dialogue standard Windows afin de choisir une image.
Dans les 2 cas, l'image glissée/sélectionnée devra apparaître dans le cadre en question et être "récupérable" lors de l'envoi du formulaire afin de le charger sur le serveur.
 
Bref, j'en ai vu en fonctionnement mais je ne trouve pas comment faire, ni de ressources me permettant de le faire, et donc si vous avez des ressources/liens en stock, ça m'intéresse. :)
 
Merci!

Reply

Marsh Posté le 04-10-2017 à 20:50:20   

Reply

Marsh Posté le 04-10-2017 à 21:18:03    

Je l'avais fait dans mon plugin chrome de dealabs, de mémoire il y a un évent "drop", personnellement je l'ai fait avec jQuery .
 
Tiens je l'ai fait là :  
https://github.com/thib3113/dealabs [...] c.js#L1303
 
Tu verras comment je fais ( à savoir que je gère aussi, le coller d'une image, je gère aussi les images de type "string", donc des liens vers des images) .
 
(PS: je suis sur mobile, je ne peux pas faire beaucoup plus :/ )


Message édité par thib3113 le 04-10-2017 à 21:18:46

---------------
Mon petit topic d'achat ventes
Reply

Marsh Posté le 05-10-2017 à 10:55:56    

Hé bé, y'a ce qu'il faut! :)
 
Merci, je vais regarder tout ça de plus près.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed