В этой статье описывается метод реализации эффекта предварительного просмотра изображения перед загрузкой изображений JS. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! 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">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<название> Предварительный просмотр изображения перед загрузкой изображений по js </title>
</head>
<тело>
<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 ('Тип файла должен быть: .jpg, .gif, .bmp или .png!'); return;}
if (dfile.files) {
dimg.src = dfile.files [0] .getasDataurl ();
} else if (dfile.value.indexof ('//')> -1 || dfile.value.indexof ('//')> -1) {
dimg.src = dfile.value;
}
}
</script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.