当前位置: 代码迷 >> Web前端 >> 掩藏input file 框的实现
  详细解决方案

掩藏input file 框的实现

热度:154   发布时间:2013-08-13 16:43:28.0
隐藏input file 框的实现

思路:

1.讲input file 域的透明度设置为0------- opacity:0

2.讲input file 绝对定位到模拟点击的按钮上------动态获得模拟按钮的top ,left值,然后赋给input域

3.给input file 注册onchange事件(其实最终还是点击的input file域)

4.如果onchange发生只能触发一次的bug,要在请求回调的方法里reset()指定form(特别注意,之清除文本域的值是不行的,必须reset

  相关解决方案