带有图片预览功能的上传表单的完整HTML

带有图片预览功能的上传表单，完整的HTML代码如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带有图片预览功能的上传表单jb51.net</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>

　　推荐阅读

　　HTML表格标记教程(4):边框色属性BORDERCOLOR

为了美化表格，可以为表格设定不同的边框颜色。基本语法 <TABLE BORDERCOLOR=COLOR_VALUE> 语法解释定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。文件范例：10-4.htm 设定表格边框的颜色>>>详细阅读

本文标题：带有图片预览功能的上传表单的完整HTML

地址：http://www.17bianji.com/kaifa2/XML/15919.html

1/2 1