【问题标题】:Javascript file upload hack, not working on all browsersJavascript文件上传黑客,不适用于所有浏览器
【发布时间】:2013-01-29 05:12:01
【问题描述】:

如何改进以下内容,使其在多个浏览器中运行?

$('#img').click(function() {
     $('input[type=file]').click();
});

因此,当我单击图像时,它将允许选择要上传的文件。在 css 上,我做了以下操作:

input[type="file"]{display:none;}

在 safari 5.1.2 和 opera 11.61 上试过,但没有用....在 firefox 和 ie8 上测试过,效果很好...

【问题讨论】:

  • 这可能会提供一些帮助:stackoverflow.com/questions/210643/…
  • 带有display:none 的输入可能不会作为普通输入处理,并且不会通过默认的表单提交来提交。尝试使用 opacity:1% 之类的东西或带有 overflow:hidden 或重叠的包装器。
  • 你用触发器试试?

标签: javascript cross-browser


【解决方案1】:

您不能以与 x 浏览器兼容的方式对输入类型文件执行此操作。

Quirksmode 一如既往地对这个话题有很多话要说:

http://www.quirksmode.org/dom/inputfile.html

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-08-27
    • 2012-06-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-13
    • 1970-01-01
    相关资源
    最近更新 更多