? ? ? 現代瀏覽器支持拖放本地文件到瀏覽器上，應用可以進行文件的編輯、上傳等操作，但是之前并不支持文件夾拖放。但是從最新的Chrome 21開發版開始，這個功能已經得到了支持。  ? ? ??**文件拖放** ? ? ??之前文件拖放的代碼如下： ~~~ <div id=”dropzone”></div> var dropzone = document.getElementById('dropzone'); dropzone.ondrop = function(e) { var length =e.dataTransfer.files.length; for (var i = 0; i < length;i++) { var file =e.dataTransfer.files[i]; ... // do whatever you want } }; ~~~ ? ? ??通過這段代碼，我們可以從本地拖放一個或者多個文件到瀏覽器里。但是當我們拖拽的是文件夾時，操作會被拒絕或者被當成文件處理而導致失敗。 **文件夾拖放** ? ? ??Chrome21允許我們從文件系統拖放一個或者多個文件夾到瀏覽器窗口上，你只需要對處理放置對象的方式進行一些調整。 ~~~ <div id=”dropzone”></div> 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 } } }; ~~~ ? ? ??請注意這里有一個最大的不同是我們可以把放置的對象用新的Javascript API - getAsEntry來處理，最后得到一個Entry對象（FileEntry或者DirectoryEntry）。 ? ? ??拿到Entry對象的訪問權限后，你可以通過[FileSystem API規范](http://www.w3.org/TR/file-system-api/)里標準的文件處理方法進行處理（例如.isFile或者.isDirectory屬性）。 ? ? ??如果要了解FileSystemAPI的更多信息， HTML5rocks上有一篇《[FileSystem API歷險](#)》。至于拖放特性，可以看看[這篇文章](http://wiki.whatwg.org/wiki/DragAndDropEntries)。