javascript - 如何在没有 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

其中一个选项是查看 Canvas ，因为您指定了 HTML5。
这在移动设备上也受支持。

然后您可以将图像加载到 Canvas 中，然后让 Canvas 输出图像数据。

此图像数据(如 base64、png 或...)可能是表单中隐藏输入字段的值，如下所示:
document.getElementById("hiddenInputField").value=canvas.toDataURL("image/png");

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

祝你好运!