工作之杂记---a标签隐藏input file 达到点击a标签即点击input file
来源:互联网 发布:淘宝怎么解绑身份证号 编辑:程序博客网 时间:2024/06/07 11:12
由于浏览器不一,如IE8存在安全限制,代码触发input file 是不能获取的,只能用户行为触发input file的click,所以以a标签覆盖
<div id="uploadArea"> <a id="upload" href="javascript:void(0);"> 上传图片 <input id="imageFile" type="file" name="imageFile" onchange="PathChanged();" /> </a></div>
css
#uploadArea {float: right;width: 93px;position: relative;overflow: hidden;} a {height: 44px;display: block;background: url(../img/upload_btn.jpg) no-repeat left 15px;padding-left: 20px;line-height: 44px;color: #29bfbc;}#imageFile {position: absolute;right: 0px;top: 0px;margin: 0px;padding: 0px;opacity: 0;z-index: 1;height: 100%;width: 100%;filter: alpha(opacity=0);font-size: 100px;}
0 0
- 工作之杂记---a标签隐藏input file 达到点击a标签即点击input file
- 如何点击a标签, 弹出input file 上传文件对话框
- 如何去掉a标签或者input标签点击时候出现的虚线框
- <a>标签点击事件
- input重置,<a>标签重置
- A标签实现文件下载以及INPUT隐藏边框样式
- js点击图片更换头像,input file
- input标签加图标,可点击
- input标签点击移除默认值
- 变相自定义input标签file类型样式
- 多文件上传(input标签file)
- input标签file 多文件上传
- 自定义input的file标签形状
- 关于修改 标签input file 样式问题!
- type=“file”的input标签美化
- HTML中input:file标签的使用
- input file隐藏浏览
- 隐藏鼠标点击<a>标签后的虚线
- Java学习笔记(十一)
- ASK表
- ubuntu 下 eclipse 经常崩溃解决
- AbInnerViewPager修复滑动失效和点击事件
- C++实现多线程安全的单例模式
- 工作之杂记---a标签隐藏input file 达到点击a标签即点击input file
- 国内外三个不同领域巨头分享的Redis实战经验及使用场景
- VS与Win7共舞:UAC与数据重定向
- 久违了,我的CSDN
- Java学习笔记(十二)
- MySQL日期时间函数大全
- LateX paper
- Win7下Mysql安装图解
- [翻译][Trident] Storm Trident 详细介绍