0

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

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

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

有什么想法吗？或链接？

谢谢

编辑

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

4

1 回答 1

1

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

使用拖放后，您将在 javascript 中获取文件对象，您可以对它们做任何您想做的事情，或者 XHR 发布它们，以普通形式使用它们 POST 或转换为数据 URI 并将其发布到服务器作为base64 文本。

IE

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)

}

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

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

于 2013-08-18T10:39:18.933 回答