javascript - 现有表单的FormData通过JS触发在IE10中失败

Question

我只是使用 HTML5 提供的新 FormData 类创建一个网络应用。

要有一个自定义样式的“选择你的文件”按钮，我想通过 javascript 在文件输入元素上触发点击事件。

这适用于 IE10 和 Chrome，但是当我尝试使用表单创建 FormData 实例时，它在 IE10 中失败，并在该行显示消息“SCRIPT5 'Access Denied'”:

var fd = new FormData(f.get(0));

如果我使用 native 输入元素触发文件打开对话框，它也适用于 IE10。

要进行测试，请参阅此 jsfiddle:http://jsfiddle.net/s9aTg/2/

是否有一个选项可以在 IE10 中使用它，或者我是否坚持使用丑陋的默认“选择文件”按钮？

提前致谢，麦克法兰

Answer 1

另一种解决方法:

var input = document.querySelector('input[type=file]');
var fd = new FormData();
for (var i = 0, l = input.files.length; i < l; i++) {
    fd.append('file', input.files[i]);
}

即使在单击样式按钮后选择了文件，它也能正常工作。