如何在上传图片的时候能预览到该图片的样式,是很多网页制作者的所求,下面的完整html源码就是带有图片预览功能的上传表单,完整的HTML代码如下所示
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title带有图片预览功能的上传表单webjx.com/title
script
function viewmypic(mypic,imgfile) {
if (imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
/script
/head
body
center
form
input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" /
br /
/form
img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" /
br /
/div
div style="display:none"
/div
/center
/body
/html