天天看点

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];