简单的拖放文件

Question

我试图在drop上获取文件对象，但我不清楚发生了什么。

$(".file-field").on('dragover', function(e) {
    e.preventDefault()
    e.stopPropagation();
    console.log('dragover');
});
$(".file-field").on('drop', function(e) {
    e.preventDefault();
    e.stopPropagation();
    e.dataTransfer = e.originalEvent.dataTransfer;
    console.log('e = ', e.dataTransfer);
    console.log('drop');
});
$(".file-field").on('dragleave', function(e) {
    console.log('dragleave');
});

这是dataTransfer：

的输出

  

e = DataTransfer {dropEffect：“none”，effectAllowed：“all”，items：   DataTransferItemList，types：Array（1），files：FileList} dropEffect：   “none”effectAllowed：“all”文件：FileList {length：0}项：   DataTransferItemList {length：0}类型：[]    proto ：DataTransfer

我期待在我删除的文件上找到一些数据。

我错过了什么？