微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML5允许拖放上传文件夹或文件夹树吗?

我没有看到任何例子做到这一点。这是不允许在api规格?

我正在寻找一个容易的拖放解决方案来上传整个文件夹树的照片。

解决方法

现在可以,由于Chrome> = 21。
function traversefiletree(item,path) {
  path = path || "";
  if (item.isFile) {
    // Get file
    item.file(function(file) {
      console.log("File:",path + file.name);
    });
  } else if (item.isDirectory) {
    // Get folder contents
    var dirReader = item.createReader();
    dirReader.readEntries(function(entries) {
      for (var i=0; i<entries.length; i++) {
        traversefiletree(entries[i],path + item.name + "/");
      }
    });
  }
}

dropArea.addEventListener("drop",function(event) {
  event.preventDefault();

  var items = event.dataTransfer.items;
  for (var i=0; i<items.length; i++) {
    // webkitGetAsEntry is where the magic happens
    var item = items[i].webkitGetAsEntry();
    if (item) {
      traversefiletree(item);
    }
  }
},false);

更多信息:https://protonet.info/blog/html5-experiment-drag-drop-of-folders/

原文地址:https://www.jb51.cc/html5/169891.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。