如何用图片按钮来代替文件上传控件
2013-04-09 17:53
155 查看
点击图片时,弹出窗口,让上传文件
实现原理是:用图片盖住input上传文件控件。
保留住,以后可能会用到。
<style type="text/css"> .fileInputContainer{ height:256px; background:url(http://images.cnblogs.com/cnblogs_com/dreamback/437546/o_ff6.png); position:relative; width: 256px; } .fileInput{ height:256px; font-size: 300px; position:absolute; right:0; top:0; opacity: 0; filter:alpha(opacity=0); cursor:pointer; } </style> <div class="fileInputContainer"> <input class="fileInput" type="file" name="" id="" /> </div>
实现原理是:用图片盖住input上传文件控件。
保留住,以后可能会用到。
相关文章推荐
- 如何用图片按钮来代替文件上传控件
- 图片按钮来代替文件上传控件(Freemaker,JQuery,HTML,CSS,JavaScript)
- 如何用一张图片代替 'input:file' 上传本地文件??
- 问题,如何把上传文件的浏览按钮换成其他样式 或者图片
- Webform之FileUpload(上传按钮控件)简单介绍及下载、上传文件时图片预览
- 如何把上传文件的浏览按钮换成其他样式 或者图片
- 小技巧,如何把上传文件的浏览按钮换成其他样式 或者图片
- 通过input 的file 控件,上传图片,如何获取文件的大小问题
- ExtJs4学习(十三)如何给文件上传按钮加背景图片
- 用图片代替上传文件的按钮
- struts2 如何动态限制控制文件图片上传大小?
- .Net中使用文件上传控件上传图片
- yii上传图片、yii上传文件、yii控件activeFileField使用
- 在IE中必须点击input file 控件的浏览按钮才能提交上传,否则没有权限 。js文件报拒绝访问,解决办法是将input file控件定位到你要点击的地方 ,并且input file做成透明的
- 用图片代替图片上传的控件
- 不使用ASP.NET中的服务器控件将如何上传文件?
- 【转载】FileUpload控件如何实现上传和文件属性获取
- 怎样隐藏uploadify上传控件的按钮,然后通过其它控件的事项来触发uploadify控件的文件浏览窗口并现实文件上传功能
- 教你如何调用百度编辑器ueditor的上传图片、上传文件等模块
- 如何使用PHP上传文件,上传图片,php上传教程,php表单文件上传教程