代码之家  ›  专栏  ›  技术社区  ›  fearofawhackplanet

IE中的文件输入行为

openfiledialog file-upload internet-explorer css
  •  1
  • fearofawhackplanet  · 技术社区  · 15 年前

    我注意到chrome和IE在处理文件输入点击方面的行为差异。

    jsFiddle示例 here .

    在IE(7号测试)中,你必须点击实际的按钮,而不是文本位。

    问题是我在一个普通文本框上使用了一个透明的文件输入。单击文本框将打开对话框。在Chrome中,这很好,因为输入的总大小与我的文本框大小相同。

    在IE中,它不能正常工作,因为用户需要点击透明文件输入的实际按钮部分。

    有什么解决办法吗??

    谢谢

    2 回复  |  直到 15 年前
        1
  •  1
  •   Timothy S. Van Haren Prashant    15 年前

    您需要找到在 file 输入框。。

    例子: http://jsfiddle.net/MqbrV/

    它在火狐中不起作用( ).

        2
  •  3
  •   Moin Zaman    15 年前

    看看这些家伙是怎么做到的: http://www.filamentgroup.com/lab/jquery_custom_file_input_book_designing_with_progressive_enhancement/

    他们编写了一个小技巧来支持IE和Opera的click,使用jQuery显式地绑定click事件。

    见: http://dwpe.googlecode.com/svn/trunk/fileinput/js/jQuery.fileinput.js (第52行)

    推荐文章
    Hala  ·  有没有什么方法可以将CSS属性设置为其他不兼容浏览器的属性的备用项?
    4 年前
    Error 1004  ·  使用VBA从HTML中提取信息
    8 年前
    myroslav  ·  IE11中Angular 4应用程序崩溃
    8 年前
    L Y E S - C H I O U K H Dumitru Boaghi  ·  在IE9/Angular 5/TypeScript上使用FormData,无需Ajax或jQuery
    8 年前
    Dhananjay C  ·  Internet Explorer-表格上的CSS框阴影不适用于IE浏览器
    8 年前
    jacob  ·  当操作url为跨原点时,Microsoft浏览器不会将表单发布到iframe
    8 年前
    Athar K  ·  工具提示悬停上的过渡在IE上不起作用,在Google Chrome上效果很好
    8 年前
    adrien54  ·  使用BlendColor过滤器的IE上的透明度问题
    8 年前
    Kathryn Crawford  ·  ul元素上的伪元素在IE11中不起作用
    8 年前
    sankar  ·  IE不显示abbr标记的边框底部
    8 年前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号