如何使用webkitdirectory获取目录大小，HTML5文件api

Question

我正在尝试在input元素中使用HTML5文件api + webkitdirectory。

<input type="file" name="files[]" id="myfile" multiple="" directory="" webkitdirectory="" mozdirectory="">

如何使用javascript / jquery获取所选文件夹/目录的SIZE（）kb / mb等）。

请帮忙，因为我无法自己解决。

Answer 1

在选择目录或文件后，您可以遍历输入的files属性

$('#myfile').change(function(e) {

  var totalSize = [].reduce.call(this.files, function(tot, currFile) {
    console.log(currFile.name , ' size=', currFile.size);
    return tot + currFile.size;
  }, 0);

  console.log('Total size = ', totalSize)

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" name="files[]" id="myfile" multiple="" directory="" webkitdirectory="" mozdirectory="">