圖片上傳JQuery表單和PHP停止跳頁

Question

我正在上傳一個圖片頁面。上傳工作，但每當我點擊提交，它將進入PHP頁面。我已經返回false並設置了preventDefaut。有沒有辦法阻止它進入PHP頁面？

我的HTML代碼

<form action="imageupload.php" method="post" id="image_form"enctype="multipart/form-data"> 
    <input id="update_image" name="file" type="file" maxlength="40"> 
    <input id ="image_submit" type="submit" name="submit" value="Submit"> 
</form> 
<div id="output"> </div> 

我的js代碼

var options = { 
     target: "#output", // target element(s) to be updated with server response 
     // beforeSubmit: beforeSubmit, // pre-submit callback 
     resetForm: true  // reset the form after successful submit 
    }; 

$("#image_form").submit(function(e) { 
     $(this).ajaxSubmit(options); //Ajax Submit form    
     // return false to prevent standard browser submit and page navigation 
     e.preventDefault(); 
     return false; 
    }); 

Answer 1

試試這個

<form action="javascript: your function name" method="post" id="image_form" enctype="multipart/form-data"> 

或嘗試更換的preventDefault

$("#image_form").submit(function(event) { 
     event.preventDefault(); 
     $(this).ajaxSubmit(options); //Ajax Submit form        
     return false; 
     }); 

Answer 2

您可以提交，無需通過FromData對象和ajax調用重新加載頁面。這將使您可以提交圖片或文件而無需重新加載頁面，因此如果您想要加上提交預防默認值，您可以忘記html表單標記。

我有一個例子，我的博客：

http://sergiofraile.azurewebsites.net/?p=621

對不起CUS它在西班牙，但代碼可能是有用的。