php - 拖放 jQuery Ajax 上传

Question

我需要上传通过拖放添加的文件，为此我需要使用 jQUery 和 Ajax。我有一个表单，用户可以通过浏览按钮选择文件，但用户应该能够通过拖放添加文件。我不想使用插件。

用于拖放的 Javascript 有效，但我现在不知道如何实际上传文件（使用 FileReader 的东西？）。这是获取已删除文件的函数（已删除验证代码）。

function handleFileSelect(e) {
    e.stopPropagation();
    e.preventDefault();

    var files = e.dataTransfer.files;

    for(var i = 0, f; f = files[i]; i++) {
        //i display the file name and do validation here
    }
}

我希望能够.ajax从这里使用 jQuery 上传文件。这可能吗？

Answer 1

这是一个如何在客户端读取文件的教程：

拖放

这是有关如何上传文件的示例。

html5-文件上传-jquery-php

Answer 2

用于FormData通过 ajax 上传文件。

var data = new FormData();  
...
data.append('file', files[i]);    
...
$.ajax({..., data: data, contentType: false, processData: false, type: 'POST', ...});