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

Question

我已经完成了整个拖放操作，但是您如何将其上传到服务器？？？我可以得到一些base64编码的图像的dataURL。有没有办法将它上传到我的 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);
    }
});