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和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码