如何在没有 Ajax 的情况下向 servlet 提交拖放图像？

【问题标题】：How to submit drag and drop images without Ajax to servlet?如何在没有 Ajax 的情况下向 servlet 提交拖放图像？
【发布时间】：2012-08-04 19:30:59
【问题描述】：

我有一组使用 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);
}

【问题讨论】：

标签： javascript forms html servlets drag-and-drop

【解决方案1】：

其中一个选项是查看画布，因为您指定了 HTML5。
移动设备也支持此功能。

然后将图像加载到画布中，然后让画布输出图像数据。

然后，此图像数据（如 base64、png 或...）可以是以下表单中隐藏输入字段的值：
document.getElementById("hiddenInputField").value=canvas.toDataURL("image/png");

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

祝你好运！

【讨论】：