html - HTML 5 可以拖放处理文件夹吗？

Question

Gmail 允许您将文件拖到电子邮件中作为附件，这给我留下了深刻的印象，但是当我尝试将文件夹拖到其中时，它说该文件有 0 个字节。这是 Gmail 的限制，还是当前的 HTML 5 规范根本无法做到这一点？

Answer 1

现在在 chrome 上可以上传目录

您可以使用输入类型选择目录

<input type='file' webkitdirectory >

你可以拖放一个文件夹

<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
    }
  }
};