Charger une image via Javascript Fermé

Question

Bonjour,
voila j'aimerai savoir s'il est possible de charger une image dynamique via un directory donné dans un formulaire.

Pour mieux m'exprimer voici une situation type :
- L'internaute spécifie le directory de l'image via mon formulaire : <input type="file" name="image1"/>
- Une fois le directory spécifié, Javascript charge l'image donnée dans le champs du formulaire et l'affiche sur la page.
Tout cela sans recharger la page.

Voila, est ce que c'est possible, si oui comment, ou si vous avez un lien ?

Merci d'avance.

Pman · Accepted Answer

salut, il suffit de mettre le chemin dans le src 

document.getElementById('id_image').src = path

sachant que path est le texte rentré dans le champ du formulaire

enjoy

mmm · Answer

Pas possible ! Javascript langage client (qui s'exécute uniquement sur la machine du visiteur)... Hors l'image doit être chargée sur le serveur.  Conseil : utiliser php

Mart · Answer

Cela semble possible, il faut maîtriser la méthode XMLHTTPrequest en javascript. 
Cette méthode permet de formuler des requêtes sans recharger la page.

Pour en savoir plus sur cette méthode rendez-vous sur 
https://www.xul.fr/XMLHttpRequest.html

yaman · Answer

Simplement en ajoutant un "onload" à l'image.

Exemple: <img src="myPath" alt="myPic"  onload="alert('Image chargé avec succès');" />

Voila

Charger une image via Javascript

4 réponses

Discussions similaires