如何提交將沒有Ajax的圖像拖放到servlet？

Question

我有一個使用HTML5從拖放中獲取圖像的數組，並且以前是通過ajax提交的。
但現在我想發送這些沒有使用Ajax的形式。 這種方法是什麼？謝謝！

function upload(file) { // image file from drag n drop 

    var formData = new FormData(); 
    formData.append("file", file); 

    var xhr = new XMLHttpRequest(); 
    xhr.open("POST", "uploadServlet", true); 
    xhr.send(formData); 
} 

Answer 1

其中一個選項是查看畫布，因爲您指定了HTML5。
移動設備也支持此功能。

然後，您可以將圖像加載到畫布中，然後用畫布輸出圖像數據。

這個圖象 - （爲base64或PNG，或...），那麼可能是一個隱藏的輸入字段的表單中這樣的值：
document.getElementById("hiddenInputField").value=canvas.toDataURL("image/png");

如果你喜歡這種方式，我我們可以爲你找到一些工作示例或自定義代碼。

祝你好運！