JS 업로드 이미지 미리 보기 (지원 Ie7, ie8, 파이어 폭스)

웹 페이지 효과 업로드 이미지 미리 보기 (지원 Ie7, ie8, 파이어 폭스)

< 머리 & gt
< 메타 http-equiv = "content-type" 내용 = "text/html; charset = gb2312" / >
< 제목 > 웹 효과 업로드 사진 미리 보기 < / 제목 & gt
< 스크립트 언어 "웹 효과" = >
함수 ShowImage (Fileuploadid, Imgid) {
& nbsp; 경우 (document.getElementById (fileuploadid). 값! = "") {
document.getElementById (imgid). style.display = "블록"
document.getElementById (imgid). src = GetPath (document.getElementById (Fileuploadid));
}
}

nbsp 기능 getpath (obj) & {
경우 (obj) {
경우 (Window.navigator.useragent.indexof ("MSIE") > = 1) {
Obj.select (); Document.selection.createrange () 반환. 텍스트;
}
다른 if 창.Navigator.useragent.indexof ("파이어 폭스") > = 1) {
경우 (obj.files) {Obj.files.item (0) 반환. Getasdataurl ();}
반환 obj.value;
}
반환 obj.value;
}
}

</스크립트 >
</헤드 >

< 몸 >
< 형성 enctype = "여러 부분/폼-데이터" >
< 라벨 >
< 입력 유형 = "파일" "파일" id = "FID" Onmouseo 튜토리얼 ut = = "showimage" ('FID', 'viewimg'); >
</라벨 >
< 입력된 이름 = "" 형식 "버튼" 값 = "제출" = >
</양식 >
< img src = "" id = "viewimg" >
< / div >
</바디 >
< / html >
코드 2

<! doctype HTML 공개 "-//W3C//DTD HTML 4.0 과도 / / en" >
< html >
< 헤드 >
< 제목 > 새 문서 < / 타이틀 >
< 메타 이름 = "발전기" 내용 "EditPlus" = >
< 메타 이름 = "저자" 내용 = "" >
< 메타 이름 = "키워드" 내용 = "" >
< 메타 이름 = "설명" 내용 = "" >
< 스크립트 언어 "웹 효과" = >
<!-
기능 showimg (obj) 없음
var imgobj = document.getElementById ("Imgid");
IMGOBJ.SRC = Obj.value;
}
->
</스크립트 >
</헤드 >

< 바디 & gt
< 입력 유형 = "파일" onchange = "(이) showimg" >< BR >
< img src = "" id = "Imgid" / >
< / 바디 & gt
< / html & gt
//code 3

< html > < 머리 >

< 메타 http-equiv = "content-type" 내용 = "text/html; 문자 gb2312 = > 그림 미리 보기-
< 제목 > 업로드 양식 111cn.net < / 타이틀 > < 스크립트 >

기능 Viewmypic (mypic, imgfile) {
경우 없음; (imgfile.value)
mypic.src=imgfile.value;
Mypic.style.display= "";
mypic.border=1; }

}
< / 스크립트 >
< / 헤드 > < 몸 >

<센터 > < 양식 >

< 입력된 이름 = "imgfile" 유형 = "파일" id = "Imgfile" 크기 = "" onchange = "Viewmypic (showimg,this.form.imgfile);"/ >
< br / >
< / 양식 >
< img 이름 = "showimg" id = "showimg" src = "스타일 =" 표시: 없음 "alt =" "그림 미리 보기" / > & nbsp;
< br / >
< / div >
< div 스타일 = "표시: 없음" >
< / div >
< / 센터 >
< / 바디 >
< / html & gt
& nbsp