2016-02-29 35 views
0

我在哪裏可以找到有關最大數量的文件夾級別webkitRelativePath屬性可以有的信息?webkitRelativePath文件夾級別

我有這樣的:

<input type="file" multiple webkitdirectory id="fileURL" /> 

我添加一個文件image.jpgfolder6c:\folder1\folder2\folder3\folder4\folder5\folder6\image.jpg 但是當我調試和設置斷點我對僅環遍歷時folder6的所有文件,該File.webkitRelativePath返回最後一個兩個文件夾"folder5/folder6/image.jpg"

var files, 
    file, 
    extension, 
    input = document.getElementById("fileURL"), 
    output = document.getElementById("fileOutput"), 
    holder = document.getElementById("fileHolder"); 

input.addEventListener("change", function (e) { 
    files = e.target.files; 
    output.innerHTML = ""; 

    for (var i = 0, len = files.length; i < len; i++) { 
     file = files[i]; 
     extension = file.name.split(".").pop(); 
     output.innerHTML += "<li class='type-" + extension + "'>" + file.webkitRelativePath + " (" + Math.floor(file.size/1024 * 100)/100 + "KB)</li>"; 
    } 
}, false); 
+0

你能包括問題'javascript'? – guest271314

+0

當然,添加了一些樣本js質疑。 – PussInBoots

+0

您是否試圖在客戶端文件系統中檢索資源的完整路徑? – guest271314

回答

0

使用input type="file"元素無法檢索到用戶文件系統的完整路徑。


  • 你可以打包的所有文件到一個單一的文件JSON用「頭」文件,例如,JSON,描述文件夾結構,重新組裝,解析爲Blob或。只是JSON

  • 嘗試將「根文件夾」重組爲包含多個文件的data URI表示的單個文件;帶有包含描述的「標題」,例如,在JSON中,如何重新組合文件結構;例如參見HTML5 Javascript how to create a gallery photo with all file in a folder

  • 在現有文件夾的第一個文件中包含指令;解析爲第一個文件,或者對如何重組文件夾的文件結構中的特定文件名

  • 另一種選擇是,以替代accept="application/zip"屬性爲multipledirectory屬性;保存文件夾作爲.zip應保留文件夾結構解壓縮

又見Exploring the FileSystem APIs

+0

你有多深? – PussInBoots

+0

雖然請參閱https://docs.webplatform.org/wiki/html/elements/input/type/file – guest271314

+0

爲什麼要完整路徑到客戶端文件系統?檢索用戶文件系統資源的完整路徑的目的是什麼? – guest271314

相關問題