Комментарий: Эта статья в основном представляет пример предварительного просмотра загрузки изображения HTML5. Друзья, которые это нужно, могут ссылаться на это.
<! Doctype html>
<html lang = "zh-cn">
<голова>
<meta charset = "utf-8" />
<Meta Content = "edielei" />
<TILE> HTML5 Image Загрузка Предварительный просмотр </title>
<script type = "text/javascript" src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js "> </script"> "> </script </a >>
<script type = "text/javascript">
$ (function () {
$ ('#img'). изменение (function () {
var file = this.files [0]; // выберите загруженный файл
var r = new FileReader ();
R.ReadAsDataurl (файл); // base64
$ (r) .load (function () {
$ ('div'). html ('<img src = "' + this.result + '" />');
});
});
});
</script>
</head>
<тело>
<h3> HTML5 Image Rooad Preview </H3>
<input type = "file" Accept = "Image /*" />
<div> </div>
</body>
</html>