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

Question

我有整个拖放工作，但你如何将其上传到服务器？ 我可以得到图像的dataURL，它是一些base64编码。 有没有办法将其上传到我的servlet以及servlet将如何接受它？ 本教程很有帮助，但缺少上传部分。 我也查看了其他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);
    }
});