php - 使用 jQuery 和 PHP 进行 HTML 5 拖放上传

标签 php javascript jquery html file-upload

我目前正在关注 this example用于 HTML 5 拖放。我希望使用它通过 php 脚本将删除的文件上传到远程 FTP 服务器。但是,我的 php 脚本如何访问这些删除的文件?

使用常规网络表单,我可以使用 $_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 发布?

我知道有各种 jquery 插件可用于实现此目的,并且我已经下载了其中的一些......但是我只是想知道我是否可以通过此示例实现相同的功能。

最佳答案

我认为上传是指通过ajax操作上传它。 file 指的是 File 对象,在用户删除文件后即可使用该对象。 之后您有两个选择:

  1. 使用 FileReader 读取文件,将 xhr 中的文本作为发布数据发送(不推荐,因为它仅适用于文本)
  2. 将对象传递给 FormData,然后将 FormData 对象传递给 xhr 以发送文件(但不适用于 Firefox <= 3.6)

查看 Mozilla 开发人员中心文档以了解这些接口(interface)的用法。我有使用这些对象的工作项目,但是桥接代码太多,无法成为一个好的演练演示。 https://github.com/timdream/html5-file-upload

关于php - 使用 jQuery 和 PHP 进行 HTML 5 拖放上传,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6140874/

相关文章:

javascript - 如何注入(inject) $httpParamSerializer 以在 templateUrl 中使用

javascript - 如何使用 JavaScript 将 HTML 转换为 Docx 和 PDF

javascript - 使用数组值从 Javascript 关联数组中删除元素

javascript - 访问 div 标签的值

php - UNIX_TIMESTAMP 函数 MySQL

php - 在mysql列中插入和删除值

PHP MySql 比较不同表中的2列,执行计算并输出结果

javascript - Typescript,箭头函数和 rxjs 内的 "this"问题

javascript - 按钮单击在 jquery 中不起作用

php - 多数据库与复合主键 - Laravel Saas 应用程序