只是在这里插话，因为过去几天我也一直在这样做。据我了解，如果您通过 jQuery 绑定 drop 事件，您需要通过 jQuery 提供的事件中的 event.originalEvent 对象来访问该 event.dataTransfer 对象。
例子：
在此我绑定到dragover 和drop 事件，因为这是防止它执行默认操作所必需的（在此处找到解决方案：Prevent the default action. Working only in chrome）
$('#dropzone').bind('dragover drop', function(event) {
event.stopPropagation();
event.preventDefault();
if (event.type == 'drop') {
console.log(event.originalEvent.dataTransfer.files);
}
});
似乎还有一个错误，如果你console.log() event.dataTransfer（或event.originalEvent.dataTransfer）它的文件数组是空的，这里指出：event.dataTransfer.files is empty when ondrop is fired?
为了更好地回答 OPs 问题（我刚刚注意到它的其余部分，而且我知道它已经过时，但有些人可能会觉得这很有帮助）：
我的实现是在 jQuery 中，所以我希望没问题：
var files = [];
// Attaches to the dropzone to pickup the files dropped on it. In mine this is a div.
$("#dropzone").bind('dragover drop', function(event) {
// Stop default actions - if you don't it will open the files in the browser
event.stopPropagation();
event.preventDefault();
if (e.type == 'drop') {
files.push(event.originalEvent.dataTransfer.files);
}
});
// Attach this to a an input type file so it can grab files selected by the input
$("#file-input").bind('change', function(event) {
files.push(event.target.files);
});
// This is a link or button which when clicked will do the ajax request
// and upload the files
$("#upload-button").bind('click', function(event) {
// Stop the default actions
event.stopPropagation();
event.preventDefault();
if (files.length == 0) {
// Handle what you want to happen if no files were in the "queue" on clicking upload
return;
}
var formData = new FormData();
$.each(files, function(key, value) {
formData.append(key, value);
});
$.ajax({
url: 'upload-ajax',
type: 'POST',
data: formData,
cache: false,
dataType: 'json',
processData: false, // Don't process the files - I actually got this and the next from an SO post but I don't remember where
contentType: false, // Set content type to false as jQuery will tell the server its a query string request
success: function(data, textStatus, jqXHR) { /* Handle success */ },
error: function(jqXHR, textStatus, errorThrown) { /* Handle error */ }
});
});
您还可以绑定到已接受答案中的其他事件，以执行诸如使 dropzone 淡入的效果，以便您可以看到它（在我的库的待办事项列表中）。然而，这是我实际使用的 ajax 文件上传的核心。
我真的没有一个方便的方法来测试它，但本质上我就是这样做的（我基本上从我一直在制作的库中获取了所有代码，并对其进行了调整以适应此处的通用代码块以易于理解的方式）。希望这可以帮助一些人。从这里开始实际上很容易继续添加文件队列列表，并能够从队列中删除文件，所以这应该是一个很好的起点。