如何得到拖拽上传的文件数据

Question

输入框允许拖放上传文件

需要用到的不就是

dragenter: function(event) {
  event.stopPropagation();
  event.preventDefault();

  console.log("dragenter");
  console.log(event);
},
drop: function(event) {
  event.stopPropagation();
  event.preventDefault();
  
  console.log("drop");
  console.log(event);
},

事件能正常调用，但是 event.dataTransfer 却没有文件数据

dropEffect: "none"
effectAllowed: "all"
files: FileList {length: 0}
items: DataTransferItemList {length: 0}
types: []
__proto__: DataTransfer

到底该怎么弄呢？

Answer 1

浏览器 bug

Answer 2

你这里files的length属性是0,当然没有文件数据