站内搜索
分类列表
本类阅读排行
本类推荐文章
- 带有图片预览功能的上传表单的完整...
- 在网页中动态生成一个gif图片
- 把网页中的电话号码生成图片的ASP...
- 为动态生成html元素增加事件处理
- 如何将XHTML+CSS页面转换为打印机...
- 内容拷贝增加版权信息的JavaScrip...
- 用overflow代替left截取指定长度字...
- 网站论坛注册中常用的一种倒记时特...
- 网站常用的一种JS的图片幻灯片特效...
- revealTrans滤镜制作超弦图片的播...
- JS函数实现鼠标指向后带图片的提示...
- 两行代码在任意页面实现谷歌卫星图
- 网页制作中分类的选项卡特效代码
- 距离北京2008年奥运会开幕倒记时特...
- 网页的新颖效果:斜着滚动的marquee
广告
带有图片预览功能的上传表单的完整HTML
作者: 来源: 点击: 日期:2007-11-28 10:53:44
带有图片预览功能的上传表单,完整的HTML代码如下所示:
| 以下是引用片段: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带有图片预览功能的上传表单</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 评论
