提交文件時出現問題

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"); }); 

這種結合它改變觸發提交單擊