提交文件时出现问题

Question

<form method="POST" enctype="multipart/form-data" action="http://site.com/img"> 
File: <input type="file" name="file" id="abc" /><br/> 
ID: <input type="text" name="someId" value="123"/> 
<input id="submitFormButton" type="submit" value="Upload" name="Upload"> 
</form> 

<input type="button" id="btnEditAvatar" value="fakeButton"/> 

$("#btnEditAvatar").bind("click", function() { $("#abc").trigger("click"); }); 
$("#abc").change(function() { $("#submitFormButton").trigger("click"); }); 

问题发生在IE只有。 当按下“abc”按钮选择文件时，它会工作（在关闭文件对话框后，文件被上传），但是当我按下“btnEditAvatar”按钮时，在关闭文件对话框后没有任何事情发生。

我试过使用“点击”功能而不是“改变”。我试图用“setTimeout”函数来调用它，我也尝试使用“onpropertychange”事件处理程序。

http://jsfiddle.net/streamcode9/hAnbQ/

Answer 1

相反，如果试图点击提交按钮，为什么不提交表单？

$("#abc").change(function() { $(this).closest('form').submit() }); 

Answer 2

尝试以下任一：

$("#btnEditAvatar").bind("click", function() { $("#submitFormButton").trigger("click"); }); 
$("#abc").change(function() { $("#submitFormButton").trigger("click"); }); 

此结合它提交。

$("#btnEditAvatar").bind("click", function() { $("#abc").trigger("change"); }); 
$("#abc").change(function() { $("#submitFormButton").trigger("click"); }); 

这种结合它改变触发提交单击