Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.
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
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" />
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 ?