jQuery $ .submit和文件在IE和FF中不起作用

Question

<?php 
    if (!empty($_FILES)){ 
     echo "<pre>"; 
     echo $_FILES['file']['type']; 
     echo "</pre>"; 
     return; 
    } 
?> 
<script type="text/javascript"> 
    function autoUpLoad(){ 
     $("#txtHint").html("<center><img src='include/images/loader.gif' />Reading selected file...</center>"); 
     $(document).ready(function(){ 
      $("#file").change(function(){ 
       $("#myForm").submit(function(data){ 
        $("#txtHint").html(data); 
       }); 
      }); 
     }); 
    } 
</script> 
<form id="myForm" method="post" enctype="multipart/form-data"> 
    <input type="file" name="file" id = "file" onchange='autoUpLoad()'/> 
    <input type="submit" value="Send" /> 
</form> 
<div id="txtHint"> 
    test 
</div> 

上述代碼無法正常工作，我不確定這裏出現了什麼問題？它的工作原理只有當我刪除這些行：

function(data){ 
    $("#txtHint").html(data); 
} 

它只是不允許我將數據返回給txtHint。任何人都可以向我解釋如何使它工作？

Answer 1

您正在綁定提交事件，而不是觸發它。

.submit()帶回調參數的方法用於綁定提交事件，不帶參數來觸發提交事件。

你應該這樣做如下：

$(document).ready(function() { 
    $("#myForm").submit(function (data) { 
     $("#txtHint").html(data); 
    }); 
    $("#file").change(function() { 
     $("#myForm").submit(); 
    }); 
});