使用输入类型=文件在IE中为第一个文件无效的文件上传,适用于后续上传

Question

上传功能在Chrome中运行得非常好,但它无法在IE 11上运行.

我正在尝试使用以下dom元素实现上载功能:

<input type="file" id="file-upload" class="hidden-inputs"/>

我在用户点击其他内容时触发了点击,输入本身就被隐藏了.这是代码:

$("#file-upload").click();//triggering click

input.change(function(){//when file is selected
    var file = this.files[0];

    api.File.upload(path, file, function(err){//upload to server
         //do something in callback
    });
});

当我尝试调试代码时,添加一个断点表明它不会进入更改时调用的函数.这只发生在我上传一段时间的第一次尝试,如果我不断尝试上传SAME文件.但是,如果我尝试上传文件一次(不起作用),那么我选择一个差异文件,它完美地运行.如果我触发上传功能会发生同样的事情,但是第一次没有选择项目,我点击取消,然后我再次尝试上传,这次选择一个文件,它将完美地工作.on change事件被触发,所以这不是问题.任何想法可能导致这种行为,只在IE？我很感激帮助!

编辑:此外,如果它有帮助.当多次重复失败的上载,然后在另一个文件上选择上载时,它将执行上次尝试它的次数.

Answer 1

IE显然不像Chrome那么宽容.我的问题是我在实际更改功能之前触发了click事件.只需改变订单即可.首先实现更改,然后触发单击.