IE和谷歌浏览器下文件上传文本框隐藏的问题解决方案
来源:互联网 发布:java教学视频 编辑:程序博客网 时间:2024/06/16 21:51
首先,在浏览器安全的环境下,没有被点击的文件上传控件是不能上传的(调用click也不行)
所以主流的方法是,把input[type='file']做成隐藏的然后浮于你要展示的样子的上面,使用户点击的时候实际上是触发透明的文件上传框
但是,最恶心的一点就是IE和谷歌浏览器下input[type='file']是由文本框和一个按钮组成,而火狐只是一个按钮,所以,在IE和谷歌下面在左边点击的时候必须双击才可以,而且画面上会出现光标
那么解决上面的问题方案就是,给file对象追加字体大小样式<input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple="multiple" style="font-size:250px;"/>是的整体往左边挤,让按钮撑满整个容器就好了
阅读全文
2 0
- IE和谷歌浏览器下文件上传文本框隐藏的问题解决方案
- java实现ftp下文件的上传、下载和删除
- Linux下文件的隐藏属性
- Linux下文件的隐藏属性
- UNIX系统平台下文件上传慢问题解决
- SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方案
- SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方案
- asp.net下文件的上传
- windows下文件上传
- springMVC 下文件上传
- 两个文本框的死锁问题解决方案
- 两个文本框的死锁问题解决方案
- proc文件系统下文件隐藏
- Struts1框架学习(七)--struts1框架下文件的下载和上传
- RAC 下文件建立在本地的问题解决
- 谷歌浏览器和ie浏览器的差异
- IE浏览器中navigator.cookieEnabled始终是true的问题解决方案
- unix下文件的压缩和解压
- aspose.excel格式
- Spring回顾之五 —— 测试,JUnit与SpringTest的完美结合
- windows下安装并启动hadoop2.7.2
- 高校ACM题库
- 操作系统之进程管理
- IE和谷歌浏览器下文件上传文本框隐藏的问题解决方案
- jQuery 遍历 “后代”的几种表示方法
- Python 数组的切片操作
- shell 之 iconv
- pygame最基本框架及几点重要错误和问题
- CVPR 2017论文笔记— Dilated Residual Networks
- ADI 收购凌特的分析
- HDU 4430 Yukari's Birthday (枚举 二分)
- Mysql-MySql启动问题