3

单击我的自定义按钮后，下面的代码会动态创建文件输入，生成名称为 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++;
}
4

1 回答 1

5

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

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

于 2012-07-26T07:43:22.373 回答