Bonjour,



Je cherche un moyen pour afficher l'image que je viens d'uploadé dans ma page html.

Je ne sais pas si c'est possible de faire ça en html sans JS, mais honnêtement, je voudrais éviter le JS si possible.

Merci   

Salut, je ne sais pas si j'ai bien compris, mais voilà :

<img src="url_de_limage" alt="description" />

Dsl pour les balises code je suis sur mobile

Salut,

impossible en html.

Je ne suis même pas certain que ce soit possible en JS, mais je ne suis pas un spécialiste.

Par contre c'est réalisable en PHP.

Salut 

ton upload d'image se fait grâce à PHP ? normalement oui, l'as tu codé toi même ? si oui tu as juste besoin de faire un echo du dernier upload

comme ceci par exemple :

<img src="'.$urlDeTonImage.'"  alt="Ton Image"/>

en définissant ta variable au préalable et en l'adaptant à ton script

Alors, c'est possible en javascript mais c'est assez compliqué. Regarde ça pour t'inspirer.. Ensuite, quand tu cliques sur le bouton submit, ça reste du classique en PHP

Salut,

avec le code JS que tu m'as donnée, ça marche très bien.

voila le code:

  function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            
            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            }
            
            reader.readAsDataURL(input.files[0]);
        }
    }
    
    $("#imgInp").change(function(){
        readURL(this);
    });

HTML:

  <form id="form1" runat="server">
        <input type='file' id="imgInp" />
        <img id="blah" src="#" alt="your image" />
    </form>

Merci pour vos réponses.