拖放 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
    }
}

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

Answer 1

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

Drag and Drop

这是一个关于如何上传文件的示例。

html5-file-upload-jquery-php

Answer 2

使用FormData通过ajax上传文件。

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