html5 – 可以HTML 5拖放句柄文件夹吗?

前端之家收集整理的这篇文章主要介绍了html5 – 可以HTML 5拖放句柄文件夹吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Gmail令您印象深刻的是,您可以将文件拖放到附件的电子邮件中,但是当我尝试将文件夹拖到文件夹上时,它表示文件有0个字节.这是Gmail的限制,还是这根本不符合当前 HTML 5规范的东西?

解决方法

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

猜你在找的HTML5相关文章