コメント:この記事では、主にHTML5画像アップロードのプレビュー例を紹介します。それを必要とする友達はそれを参照できます。
<!doctype html>
<html lang = "zh-cn">
<head>
<Meta charset = "utf-8" />
<メタコンテンツ= "edielei" />
<Title> HTML5画像アップロードプレビュー</title>
<script type = "text/javascript" src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js "> </script"> "> </a >>
<script type = "text/javascript">
$(function(){
$( '#img')。change(function(){
var file = this.files [0]; //アップロードされたファイルを選択します
var r = new fileReader();
R.ReadasDataurl(file); // base64
$(r).load(function(){
$( 'div')。html( '<img src = "' + this.result + '" />');
});
});
});
</script>
</head>
<body>
<H3> HTML5画像アップロードプレビュー</h3>
<入力型= "file" accept = "image /*" />
<div> </div>
</body>
</html>