코드는 다음과 같습니다
코드 사본은 다음과 같습니다.
<! 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">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> 제목의 문서 </title>
<script type = "text/javaScript">
// 로컬 사진 미리보기
함수 setImagepreview (fieldUpload, image, imagediv) {
var docobj = document.getElementById (FieldUpload);
var imgobjpreview = document.getElementById (image);
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 ();
// 위의 getAsdataurl () 메소드를 사용하여 Firefox 7 이상을 얻을 수 없으며 다음 방법이 필요합니다.
imgobjpreview.src = window.url.createobjecturl (docobj.files [0]);
} 또 다른 {
// IE에서 필터를 사용합니다
docobj.select ();
var imgsrc = document.selection.createrange (). 텍스트;
var localImagid = document.getElementById (imagediv);
// 초기 크기를 설정해야합니다
localImagid.style.width = "150px";
localimagid.style.height = "150px";
// 사용자가 접미사를 수정하여 그림을 위조하는 것을 방지하기 위해 이미지 예외를 포착합니다.
노력하다 {
LocalImagid.style.filter = "progid : dximagetransform.microsoft.alphaimageloader (sizateMethod = scale)";
} catch (e) {
ALERT ( "업로드 한 이미지가 잘못되었습니다. 다시 선택하십시오!");
거짓을 반환합니다.
}
imgobjpreview.style.display = 'none';
document.selection.empty ();
}
진실을 반환하십시오.
}
</스크립트>
</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% E5%9b%는%e7%89%87.gif " /> < /div>
<div>
<입력 유형 = "파일"onchange = "javaScript : setImagePreview ( '업로드', '미리보기', 'localImag');"
</div>
</body>
</html>