javascript - IE 不允许输入文件的自定义浏览按钮？

Question

我正在尝试设置我的文件输入的样式，所以我最终得到了一个带有一些样式的额外按钮，我将其称为“假浏览”按钮。当用户单击“假浏览”时，我的 javascript 将自动单击(使用 jquery .click())文件输入的“实际浏览”按钮。

它似乎有效，因为文件的实际路径已粘贴到输入文件中。提交表单时，IE 会自动清除文件输入，文件本身不会上传。然而，当我点击“实际浏览”按钮时，IE 并没有清除输入文件。

但我真的不明白这一点，因为当用户单击“假浏览”按钮时，有一个事件处理程序而不是单击“实际浏览”按钮。帮助？？？

这就是我的意思 http://jsfiddle.net/GJJym/

我有 iframe 的原因是我试图使它成为一个 Ajaxy 图片上传过程。

注意:这适用于 FF、chrome 和 safari，但不适用于 IE。什么鬼!!!

Answer 1

我不太确定为什么 IE 在这里不正常；但如果您只想重新设置文件输入控件的样式，我建议您阅读 this article - 本质上，您设置了在文件输入下方放置自定义样式的上传按钮或文本，并将文件输入的不透明度设置为 0。用户认为他正在单击自定义样式的上传按钮；但他确实在点击文件输入。 ;)