コードは次のとおりです
コードコピーは次のとおりです。
<！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> un unt ittitled document </title>
<script type = "text/javascript">
//ローカル画像プレビュー
function setimagepreview（fieldupload、image、imagev）{
var docobj = document.getElementById（fieldupload）;
var imgobjpreview = document.getElementById（画像）;
if（docobj.files && docobj.files [0]）{
// firefoxの下で、IMG属性を直接設定します
imgobjpreview.style.display = 'block';
imgobjpreview.style.width = '150px';
imgobjpreview.style.height = '150px';
//imgobjpreview.src = docobj.files [0] .getasdataurl（）;
// firefox 7以降は上記のgetasdataurl（）メソッドを使用して取得できず、次の方法が必要です
imgobjpreview.src = window.url.createobjecturl（docobj.files [0]）;
} それ以外 {
// IEの下でフィルターを使用します
docobj.select（）;
var imgsrc = document.selection.createrange（）。text;
var localimagid = document.getElementById（Imagediv）;
//初期サイズを設定する必要があります
localimagid.style.width = "150px";
localimagid.style.height = "150px";
//画像の例外をキャッチして、ユーザーがサフィックスを変更して写真を築くのを防ぎます
試す {
localimagid.style.filter = "progid：dmincigetransform.microsoft.alphaimageloader（sizingmethod = scale）";
} catch（e）{
Alert（ "アップロードした画像は間違っています。再選択してください！"）;
falseを返します。
}
imgobjpreview.style.display = 'none';
document.selection.empty（）;
}
trueを返します。
}
</script>
</head>
<body>
<div id = "localimag"> <img id = "preview" src = "http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_%E6%9A%82%E6%97%A0%AオーストE5％9B％BE％E7％89％87.GIF " /> < /div>
<div>
<input type = "file" onchange = "javascript：setimagepreview（ 'upload'、 'preview'、 'localimag'）;"
</div>
</body>
</html>