如何獲取目錄大小，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="">