Ajax圖像上傳刷新移動頁面

嗨我有一個表單，其中包括一個Ajax圖像上傳，其在桌面上工作正常，但當我嘗試我的手機時，它會導致頁面刷新後，圖像被選中，圖像丟失（更不用說我已經設置完成上傳的jQuery的其他位）。Ajax圖像上傳刷新移動頁面

我已經找到這個鏈接Android browser refreshes page after selecting file via input element雖然它提供了一個解釋，我可以看到有沒有解決方案提供。這篇文章是一年多以前，我還沒有找到任何其他解決方案在線。

必須有一種解決方法，因爲我可以看到它在其他網站上工作，例如， http://www.putmeinthestory.com/

代碼：

<form action="index.php?route=product/product/image_upload" onSubmit="return false" method="post" enctype="multipart/form-data" class="MyUploadForm"> 
    <input name="FileInput" id="FileInput" type="file" /><br /> 
    <input type="submit" id="submit-btn" value="Upload File &raquo;" /> 
</form> 

<div id="output"></div>

的Javascript：如果林不知道被稱爲發佈的所有功能下面是相關的問題。

var options = { 
    target: '#output', // target element(s) to be updated with server response 
    beforeSubmit: beforeSubmit, // pre-submit callback 
    success: afterSuccess, // post-submit callback 
    uploadProgress: OnProgress, //upload progress callback 
    resetForm: true  // reset the form after successful submit 
}; 

jQuery('.MyUploadForm').submit(function() { 
    $(this).ajaxSubmit(options);   
    return false; 
});

來源

2014-10-09 Adrian

我想我可能已經改變了代碼一點解決吧... 我刪除從form標籤的動作，並列入了ajax的URL來代替。

也許問題不在於Android。（雖然我仍然困惑，爲什麼問題已經出現在SO，如果是這種情況）

我不想給它一個正確的答案，直到我確認它在各種設備上工作。

<form action="" onSubmit="return false" method="post" enctype="multipart/form-data" class="MyUploadForm"> 

var options = { 
    url: 'index.php?route=product/product/image_upload', 
    target: '#output', // target element(s) to be updated with server response 
    beforeSubmit: beforeSubmit, // pre-submit callback 
    success: afterSuccess, // post-submit callback 
    uploadProgress: OnProgress, //upload progress callback 
    resetForm: true  // reset the form after successful submit 
};

來源

2014-10-09 11:21:54 Adrian

Ajax圖像上傳刷新移動頁面

回答

相關問題