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

【问题标题】：upload images with html5's drag 'n' drop. server side?使用 html5 的拖放上传图片。服务器端？
【发布时间】：2013-08-18 10:35:50
【问题描述】：

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

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

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

有什么想法吗？或链接？

谢谢

编辑

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

【问题讨论】：

标签： html upload drag-and-drop

【解决方案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)

}

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

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

【讨论】：

提到我要使用的语言和框架。好主意，你是对的。抱歉，我刚刚编辑了我的问题。