Cet article décrit la méthode d'implémentation de l'effet d'aperçu d'image avant de télécharger des images par JS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! Doctype html public "- // w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Effet d'aperçu de l'image avant de télécharger des images par JS </TITME>
</ head>
<body>
<input id = "myfile" type = "file" />
<br />
<img src = "/ images / logo.gif" />
<div id = "info"> </ div>
<script type = "text / javascript">
var dfile = document.getElementById ('myFile');
var dimg = document.getElementsByTagName ('img') [0];
var dinfo = document.getElementById ('info');
dfile.onchange = function () {
if (! dfile.value.match (/. jpg | .gif | .png | .bmp / i)) {alert ('Le type de fichier doit être: .jpg, .gif, .bmp ou .png!');}
if (dfile.files) {
dimg.src = dfile.files [0] .getAsDataurl ();
} else if (dfile.value.indexof ('//')> -1 || dfile.value.indexof ('//')> -1) {
dimg.src = dfile.value;
}
}
</cript>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.