Charger une image via Javascript
rweiller
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
yaman -
yaman -
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.
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.
A voir également:
- Charger une image via Javascript
- Légender une image - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Transformer une image en icone - Guide
4 réponses
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
document.getElementById('id_image').src = path
sachant que path est le texte rentré dans le champ du formulaire
enjoy
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
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
Simplement en ajoutant un "onload" à l'image.
Exemple: <img src="myPath" alt="myPic" onload="alert('Image chargé avec succès');" />
Voila
Exemple: <img src="myPath" alt="myPic" onload="alert('Image chargé avec succès');" />
Voila