如何获取目录大小，HTML5文件API，使用webkit目录

Question

我想在输入元素中使用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="">