Ajax圖像上傳

Question

我有一個窗體，我在輸入元素（文件）的onChange事件上觸發ajax圖像上傳。 ajax圖片上傳工作正常，但我注意到圖片上傳時提交表單本身。我如何防止圖像再次上傳？

Answer 1

如果文件input與窗體（使用AJAX調用）分開處理，且不應該是窗體的一部分，請將其移動到form標記之外。這可能會影響您的頁面佈局，因此您可能需要進行一些樣式更改。但從僅查看HTML標記的角度來思考它。不屬於父元素的元素不應嵌套在這些父元素中。

Answer 2

我認爲你必須使用JavaScript來提交表單中onchange事件

Answer 3

您可以綁定到submit活動的形式和清除文件輸入的值，它是空白的形式提交：

$('#your-form-id').on('submit', function() { 
    $('#your-file-input').val(''); 
    return true; 
}); 

您還可以將文件輸入形式外其餘的，所以會有兩種形式的標籤，但你可以使用position : absolute;來定位文件輸入到看起來好像它是另一種形式的內部。

Answer 4

在HTML，表單動作應該是空的：

<form action=""> 

在JS代碼中使用：

$('#submut').click(function(){ 
    var //get var by jQuery 
}); 
//Your $ajax code here...