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