javascript - How to submit drag and drop images without Ajax to servlet?

Question

I've an array of images got from drag and drop using HTML5 and previously was submitting those through ajax.
But now I want to send these in a form WITHOUT using ajax. What would be the approach? thanks in adv.!!

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");

如果您喜欢这种方法，我相信我们可以为您找到一些工作示例或自定义代码。

祝你好运！