Google拖放無法正常工作

Question

我正在嘗試像這樣實現div拖放。 不幸的是，它對我不起作用，當我嘗試將其拖到該div時，將打開一個包含所選文件的新標簽頁。 這是我的代碼

    <div id="dropzone" style="height:200px; border: 4px double black;" ></div>
    <script>
        window.requestFileSystem  = window.requestFileSystem || window.webkitRequestFileSystem;
        var dropzone = document.getElementById('dropzone');
        dropzone.ondrop = function(e) {
          var length = e.dataTransfer.items.length;
          for (var i = 0; i < length; i++) {
            var entry = e.dataTransfer.items[i].webkitGetAsEntry();
            if (entry.isFile) {
               // do whatever you want
            } else if (entry.isDirectory) {
               // do whatever you want
            }
          }
        };
  </script>

我該如何運作？

Answer 1

 var dropbox; dropbox = document.getElementById("dropbox"); dropbox.addEventListener("dragenter", dragenter, false); dropbox.addEventListener("dragover", dragover, false); dropbox.addEventListener("drop", drop, false); function dragenter(e) { e.stopPropagation(); e.preventDefault(); } function dragover(e) { e.stopPropagation(); e.preventDefault(); } function drop(e) { e.stopPropagation(); e.preventDefault(); var dt = e.dataTransfer; var files = dt.files; handleFiles(files); } 

 #dropbox { height: 100px; border: 4px double black; background-color: lightgray; font: 5em bold monospace; text-align: center; } 

 <div id="dropbox"> Drag files here! </div> 

該谷歌鏈接已經過期，但這種允許文件系統在一個非常類似的方式工作。 上面是一個例子。