在 IE 中可以打开文件输入对话框并上传 onchange 吗？

这基本上是我现在所拥有的简化：

<style>
form.noshow { height: 0; overflow: hidden; }
</style>

<form class=noshow target="SomeIframeThatExists">
  <input type=file id=uf>
</form>

<a id=uflink href="/user/photo">Upload photo</a>

<script>
$('uf').addEvent('change', function(e) {
  // alert('oele'); // this would work fine
  this.form.submit(); // auch in IE > "Access denied" exception
});
$('uflink').addEvent('click', function(e) {
  $('uf').click(); // opens file dialog in all browsers inc IE
  return false;
});
</script>

它在 Chrome 11 和 FF 4 中的作用（完美）：

1. 表格被隐藏。
2. 您点击链接
3. 选择文件对话框打开
4. 您选择一个文件
5. 对话框关闭
6. 表格已提交
7. 执行 iframe 中的脚本并替换照片

非常高科技和甜蜜。

在 IE 中，除了 [6] 之外，所有这些都有效。表格未提交。 JavaScript 错误：“访问被拒绝”。无论表单如何不可见，只要对话框是用以下命令打开的input.click()表单无法在更改时提交。 （onchange函数执行得很好。错误仅发生在form.submit()叫做。）

现在这一切我都可以接受。 IE 太烂了。我忍受它。

到目前为止我的解决方案是检查navigator对于“MSIE”，然后单击链接而不是打开对话框时，显示表单（带有文件输入）。然后用户必须单击实际的、丑陋的文件输入，然后一切正常。但很丑。

问题是双重的：

1. 有没有办法在 IE 中做到这一点，就像在 Chrome 中一样酷？没有令人讨厌的 flash/java 垃圾。只有 html 元素和 javascript。
2. 如果没有：有没有办法在从链接打开对话框后检查 form.submit() 支持（除了!navigator.contains("MSIE"))?

[2] 可能会捕获 IE 中引发的“访问被拒绝”异常，但为时已晚：用户已经打开对话框并浏览到照片。你不想让他再这样做。 （即使是 IE 用户也不值得这样做。）

附言。我只对 Chrome 10+、Firefox 3.6+ 和 IE8+ 感兴趣。

附言。可能很重要：文件输入元素不能位于链接附近的任何位置，因为链接位于表单内，并且该表单（必须）与文件上传表单分开。

UPDATE
其次：检测对这种仅在 IE 中不起作用的高科技行为的支持。我不想用navigator.appName.contains('MSIE')因为这不灵活，也不一定正确。

@Rudie，在这里 - 感谢您的代码！它在 IE 和 Chrome 中运行良好，但在 FireFox 中则不然。

我设法采用我的旧代码（适用于 FF 和 Chrome）并将您的代码合并为 MSIE。

在这里查看：

针对 IE、Chrome 和 Firefox 的修复

https://gist.github.com/4337047 https://gist.github.com/4337047

PROBLEM:当通过脚本化的强制 click() 事件打开文件输入时，IE 不会让您提交表单。 如果您通过自己的鼠标单击文件输入（我们不希望这样做），IE 将让您提交表单。

请注意，截至目前，如果文件输入字段通过脚本化“单击”事件发生更改，则 IE11 允许提交表单。

Solution（部分感谢 R​​udie @ Stackoverflow，https://stackoverflow.com/users/247372/rudie https://stackoverflow.com/users/247372/rudie , http://hotblocks.nl/ http://hotblocks.nl/):

为 IE 中的输入制作标签。如果你点击它，它会强制点击输入字段 - 并且 IE 会接受这一点（愚蠢的 IE 认为用户点击了输入字段，哈哈）

因此，我们将在该标签中放置我们自己风格的 DIV。

下一个问题是，这在 FF 中不起作用。因此，我们进行了一个简单的（可能是令人讨厌的）浏览器检查，并根据浏览器我们将显示不同的按钮。

解决方案就在这里。测试于：

• 赢7x64
• 火狐浏览器 13.01
• 铬 23.0.1271.97 m
• 常规 IE9 模式下的 IE9

非常欢迎更多测试/添加代码！

EDIT:

去引用罗伊·麦肯齐

如果文件输入字段通过脚本化“单击”事件发生更改，IE11 现在允许提交表单。