javascript - 如何使用 webkitdirectory 获取目录大小、HTML5 文件 api

Question

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

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

如何使用 javascript/jquery 获取所选文件夹/目录的大小(以 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="">