JS

Afficher une image avant de l'upload

Résolu

Bonjour à tous


J'ai besoin d'un aide d'urgence : j'ai ce script js :

<script type="application/javascript">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]); // convert to base64 stringdocument.getElementById('blah').style.display = block;

        }
    }

    $("#imgInp").change(function() {
        readURL(this);

    });


</script>

Avec ce script :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


Ce formulaire :

<form runat="server"><input type='file' class="test" id="imgInp" /><img style="width: 100px;height: 100px;bottom: 15px;right: 15px;" id="blah" src="#" alt="your image" />

</form>

J'aimerai que mon image apparaisse seulement lorsqu'une image est importé(modifié)


-----------------------------------


Ce script js permet d'afficher une image avant l'upload



Merçi de votre aide d'avance


Cordialement D.Banache

487 vues
25 février 2021 à 20:14 (Édité)
Cette pub permet au site de vivre ...
Compte-supprimé
Le 26 Février 2021 à 17:24

J'ai trouvé, j'ai juste mis une image avant l'envoie qui dit choisissez une image

soit remplaçer ceci :


<img style="width: 100px;height: 100px;bottom: 15px;right: 15px;" id="blah" src="#" alt="your image" />


Par :


<img style="width: 100px;height: 100px;bottom: 15px;right: 15px;" id="blah" src="/images/chooseavatardefault" alt="your image" />
Cette pub permet au site de vivre ...

3 commentaires

J'ai trouvé, j'ai juste mis une image avant l'envoie qui dit choisissez une image

soit remplaçer ceci :


<img style="width: 100px;height: 100px;bottom: 15px;right: 15px;" id="blah" src="#" alt="your image" />


Par :


<img style="width: 100px;height: 100px;bottom: 15px;right: 15px;" id="blah" src="/images/chooseavatardefault" alt="your image" />

Si mais en fait avant que je l'importe, il me montre une image vide donc c'est pas joli à voir

Salut @Didoub74 !


Et ce code, il n'est pas censé afficher l'image avant de l'upload ?

Cette pub permet au site de vivre ...