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

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

解决方法

现在Chrome上可以上传目录

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

  1. <input type='file' webkitdirectory >

你可以拖放一个文件

  1. <div id="dropzone"></div>
  2.  
  3. var dropzone = document.getElementById('dropzone');
  4. dropzone.ondrop = function(e) {
  5. var length = e.dataTransfer.items.length;
  6. for (var i = 0; i < length; i++) {
  7. var entry = e.dataTransfer.items[i].webkitGetAsEntry();
  8. if (entry.isFile) {
  9. ... // do whatever you want
  10. } else if (entry.isDirectory) {
  11. ... // do whatever you want
  12. }
  13. }
  14. };

猜你在找的HTML5相关文章