Charger une image via Javascript

rweiller Messages postés 4 Statut Membre -  
 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.
Configuration: Windows XP
Firefox 2.0.0.11

4 réponses

  1. Pman
     
    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
    10
  2. Mart
     
    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
    3
  3. yaman
     
    Simplement en ajoutant un "onload" à l'image.

    Exemple: <img src="myPath" alt="myPic" onload="alert('Image chargé avec succès');" />

    Voila
    0
  4. mmm
     
    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
    -5
    1. tMd^
       
      c'est possible
      tu met dans le src de ton image la ou est l'image sur ton pc.
      0
    2. Ben
       
      ou de faire une requête AJAX...
      0
    3. green-man
       
      voila...
      0