简单的拖放文件

时间:2018-05-05 06:00:47

标签: javascript drag-and-drop

我试图在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

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

我错过了什么?

0 个答案:

没有答案