给自己一点时间接受自己,爱自己，趁着下午茶的时间来学习图老师推荐的带有图片预览功能的上传表单的完整HTML源码，过去的都会过去，迎接崭新的开始，释放更美好的自己。
【 tulaoshi.com - Web开发 】
如何在上传图片的时候能预览到该图片的样式，是很多网页制作者的所求，下面的完整html源码就是带有图片预览功能的上传表单，完整的HTML代码如下所示
（本文来源于图老师网站，更多请访问https://www.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
来源:https://www.tulaoshi.com/n/20160219/1625461.html
看过《带有图片预览功能的上传表单的完整HTML源码》的人还看了以下文章 更多>>
