使用html5的拖放'和'上传图片。服务器端？

Question

我正在实施一个用于上传图片的拖放代码。我是这项技术/ API的新手。

我正在使用HTML5的拖放API。我还使用Apache作为http服务器，使用node.js作为websocket服务器。我找到了许多客户端实现的教程。

这可能是一个愚蠢的问题，但服务器端呢？我想我必须在服务器端实现一个代码来处理传入图像的上传和存储......

任何想法？或链接？

由于

修改

我将使用这些API：drag'n'drop，FormData，XHR progress事件和FileReader。我将基于this教程创建代码。我还没有实现任何具体的东西，我还在试验。

Answer 1

正常使用服务器端的文件保存！

使用拖放操作后，您将获得javascript中的文件对象，您可以使用它们执行您想要的操作，XHR发布它们，以普通形式使用它们 - POST或转换为数据URI并发布它作为base64文本到服务器。

即

element.ondrop = function(ev) {
    var files = ev.dataTransfer.files

    // post the files via XHR POST
    var formData = new FormData()

    // im lazy, use a supported loop
    for (file of files) {
        formData.append("file", file)
    }

    var req = new XMLHttpRequest()
    req.open('POST', '/saveimage/')
    req.send(formData)

}

将像您使用普通的非拖放操作一样发布文件。

有关如何保存文件的更好答案，我们需要一些关于您的网站使用的语言和框架的信息。