将拖动的文件追加到div

Question

在我的代码中，我需要将从桌面拖动的文件附加到列表中。为此，我知道我需要获取event.dataTransfer（'Text'），但它返回一个空字符串。感谢您的帮助

function myfk(ev){
  ev.preventDefault();

}

function drop(ev) {
  ev.preventDefault();
  var data = ev.dataTransfer.getData("text");
  alert(String(data));

  var x = document.getElementById("list")

  //x.appendChild(document.getElementById(data));
}

<div style="width:400px;height:500px;background:red" ondrop="drop(event)" ondragover="myfk(event)">
  <ul id="list"></ul>
</div>