Chrome新特性：文件夹拖拽支持

原创

于 2012-08-22 22:48:18 发布 · 6.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #浏览器 #function #javascript #api #html5

Chrome 21 开发版开始支持文件夹拖放到浏览器窗口，开发者可以通过新的 JavaScript API - getAsEntry 获取 Entry 对象，进一步利用 FileSystem API 进行文件或文件夹操作。这一更新扩展了之前的文件拖放功能，使得本地文件系统的交互更加便捷。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

现代浏览器支持拖放本地文件到浏览器上，应用可以进行文件的编辑、上传等操作，但是之前并不支持文件夹拖放。但是从最新的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
  }
};

通过这段代码，我们可以从本地拖放一个或者多个文件到浏览器里。但是当我们拖拽的是文件夹时，操作会被拒绝或者被当成文件处理而导致失败。

文件夹拖放

Chrom