天天看點

JS 如何實作擷取本地檔案夾名稱

因項目需求,當客戶選擇了某一個檔案夾後,直接擷取到該使用者選擇的檔案夾名稱并對其進行解析。

 <input type="file" id="filewebuploaderdirectory" name="file" webkitdirectory="" accept="image/*" multiple="multiple" style="display:none" οnchange="loadImage()" />

1、在input 中定義:webkitdirectory="" 這個屬性,此時,使用者隻可以選擇檔案夾。

2、通過以下代碼并可獲得檔案夾的名稱

   fileInput = document.getElementById("filewebuploaderdirectory");//這個是檔案夾加載

            var fileDic = fileInput.files[0].webkitRelativePath;

            var dicName = fileDic.split('/')[0];