【 tulaoshi.com - Web开发 】
带有图片预览功能的上传表单,完整的HTML代码如下所示
html
head
metahttp-equiv="Content-Type"content="text/html;charset=gb2312"
title带有图片预览功能的上传表单webjx.com/title
script
functionviewmypic(mypic,imgfile){
if(imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
/script
/head
body
center
form
inputname="imgfile"type="file"id="imgfile"size="40"onchange="viewmypic(showimg,this.form.imgfile);"/
br/
/form
imgname="showimg"id="showimg"src=""style="display:none;"alt="预览图片"/
br/
/div
divstyle="display:none"
/div
/center
/body
/html