Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在没有Ajax的情况下将拖放图像提交到servlet?_Javascript_Forms_Html_Servlets_Drag And Drop - Fatal编程技术网

Javascript 如何在没有Ajax的情况下将拖放图像提交到servlet?

Javascript 如何在没有Ajax的情况下将拖放图像提交到servlet?,javascript,forms,html,servlets,drag-and-drop,Javascript,Forms,Html,Servlets,Drag And Drop,我用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(

我用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);
}

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

然后将图像加载到画布中,然后让画布输出imagedata

该imagedata(如base64、png或…)可以是表单中隐藏输入字段的值,如下所示:
document.getElementById(“hiddenInputField”).value=canvas.toDataURL(“image/png”)

如果您喜欢这种方法,我是舒尔,我们可以为您找到一些工作示例或自定义代码

祝你好运