圖片上傳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表單標簽以及默認的防止提交，則可以忘記html表單標簽。

我的博客中有一個示例：

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

抱歉，它是西班牙語，但是代碼可能有用。