javascript - 在 Internet Explorer 中动态创建文件输入

Question

单击我的自定义按钮后，下面的代码会动态创建一个文件输入，生成一个名称为 photo[] 且 ID 为 photo'x'(x 作为变量)的文件输入。除了全能的 IE 之外，该代码在所有浏览器上都能正常工作。在 IE 中，我可以单击我的自定义上传按钮添加一个文件，当我提交表单时，文件输入将被清除。它将提交表单，但文件输入将为空白。但它适用于其他浏览器。

这是一个错误吗？还是安全的东西？如果是，我该如何解决这个问题？

var x = 0;
addFile = function(addFileButton) {
    var form = document.getElementById('form');
    var box = document.createElement('input');
    box.type = 'file';
    box.name = 'photo[]';
    box.id = 'photo' + x;
    box.style.cssText = 'position:absolute; top:-200px;';
    box.onchange = function() {
        checkFileDup(this.value, x - 1);
    };
    form.appendChild(box);
    jQuery("#photo" + x).trigger('click');
    x++;
}

Answer 1

IE的问题，javascript创建的input[type=file]不能通过form提交。

我的解决方案是在页面中制作一组隐藏的 input[type=file] 元素，并在需要时使它们可见。