拖放后如何将图像上传到服务器

Question

我有整个拖放工作，但你如何将其上传到服务器？我可以得到图像的dataURL，它是一些base64编码。有没有办法将其上传到我的servlet以及servlet将如何接受它？ This tutorial很有帮助，但它缺少上传部分。我还查看了其他JQuery插件，这些插件看起来很自定义，而且很重要。

Answer 1

一种选择是使用它：

http://www.plupload.com/

虽然它带有UI，但它还带有JS库，您可以通过编程方式将文件发送到服务器。 UI和编程部分是单独的js文件，因此您不必使用不必要的JS混乱您的网站......

我是不重新发明轮子的大力倡导者......： - ）

Answer 2

经过更多搜索，我发现使用JavaScript的FormData对象提交文件非常容易。从dataTransfer.files获取图像文件后，拖放API的哪一部分，以下代码能够成功将图像文件发送到服务器。

// Create formdata object
var formData = new FormData;
// Append form item (key, value)
formData.append('file', imageFile);

// JQuery ajax call to submit the file using post request
$.ajax({
    url: 'url_of_server_script',
    data: formData,
    processData: false,
    contentType: false,
    type: 'POST',
    success: function(data){
        alert(data);
    }
});