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

How do you upload an image to server after drag and drop

本文关键字：服务器 图像 拖放      更新时间：2024-06-14

我已经完成了整个拖放操作，但如何将其上传到服务器？？？我可以得到图像的dataURL，它是一些base64编码。有没有办法将它上传到我的servlet，servlet将如何接受它？本教程很有帮助，但缺少上传部分。我还查看了其他JQuery插件，它们似乎是为我的使用而定制的。

一个选项是使用这个：

http://www.plupload.com/

虽然它确实带有UI，但它也带有JS库，您可以通过编程将文件发送到服务器。UI和编程部分是独立的js文件，所以你不必用不必要的js来扰乱你的网站。。。

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

经过更多的搜索，我发现使用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);
    }
});
相关文章：