如何提交将没有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");

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

祝你好运！