HTML 5 Drag & Drop upload with jQuery 和 PHP

Question

我目前正在使用这个HTML5拖放示例。我希望用php脚本将丢弃的文件上传到远程FTP服务器。但是，我的php脚本如何访问这些丢弃的文件？

对于常规的web表单，我可以使用$_FILES。。但我不认为我可以使用$_FILES来处理丢弃的文件。。

在这个例子中，脚本在一个丢弃事件之后调用handleFiles函数

function handleFiles(files) {
var file = files[0];
document.getElementById("droplabel").innerHTML = "Processing " + file.name;
var reader = new FileReader();
// init the reader event handlers
reader.onprogress = handleReaderProgress;
reader.onloadend = handleReaderLoadEnd;
// begin the read operation
reader.readAsDataURL(file);
}

我猜我可以迭代数组列表中的每个元素，并将每个元素发送到我的php脚本中。正如我上面提到的，如何将这个元素从数组列表发送到php脚本？JSON？jQuery POST？

我知道有各种jquery插件可以实现这一点，我已经下载了其中的一些。。。然而，我只是想知道我是否可以用这个例子实现同样的东西。

Answer 1

我认为上传是指在ajax操作中上传。file指的是一个File对象，在用户删除文件后，该对象就可以使用了在之后，您有两个选项：

1. 使用FileReader读取文件，将xhr中的文本作为post数据发送（不建议使用，因为它只适用于文本）
2. 将对象传递给FormData，然后将FormData对象传递给xhr以发送文件（但不适用于Firefox<=3.6）

有关这些接口的用法，请查看Mozilla开发人员中心文档。我有使用这些对象的工作项目，但是有太多的桥接代码，不适合作为一个好的演练演示。https://github.com/timdream/html5-file-upload

Answer 2

为什么不使用开源解决方案来解决您的问题，而不是重新发明轮子。

http://plupload.com/

几乎就是你所需要的。我用它，它能创造奇迹。此外，当浏览器无法处理html5时，它又回到了html 4表单上传上。