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

我有整个拖放的工作，但你如何上传到服务器？？？我可以得到图像的dataURL，它是一些base64编码。有没有办法将其上传到我的servlet，servlet将如何接受？有帮助，但缺少上传部分。我还研究了其他JQuery插件，它们似乎是为我定制的，而且对我来说很重。

一个选项是使用：

虽然它有一个UI，但它也有一个JS库，您可以通过编程将文件发送到服务器。用户界面和编程部分是独立的js文件，所以你不必用不必要的js把网站弄得乱七八糟

---

我极力主张不要重新发明轮子…：-）

经过更多的搜索，我发现使用JavaScript的

FormData

对象提交文件非常容易。从拖放API中的

dataTransfer.files

获取图像文件后，以下代码能够成功地将图像文件发送到服务器

// 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);
    }
});

---

图像最初来自哪里？@Diodeus来自用户桌面。那么，如果用户尚未将图像上载到服务器，您将如何使用该图像？我不知道，我很清楚。我将图像存储在本地计算机（桌面）上。我想在把它从桌面拖放到浏览器后上传到服务器上。是的，我的一个项目也在使用plupload。我还喜欢如果浏览器不支持HTML5的拖放功能，它会优雅地退化。如果没有别的，如果你只是想知道自己，看看plupload代码，看看他们是如何处理的。