前端实现上传文件夹与文件夹名称的获取

   最近标注项目有一个需求呢就是上传文件夹（内有n张图像），而后在系统中进行标注工做。前段时间已经把标注部分的交互写好了，原觉得文件夹上传很好弄，结果费了半天的劲，网上有一些介绍，可是都不是太详细。

   根据上搜索结果调研了一下，ie基本是实现不了文件夹的上传，由于是新装的系统，镜像里边没有ie，因此无法测试，按照网上的说法，ie中只有Edge这个浏览器版本能够实现,其余的主流浏览器我都测试了一下，windows环境下（谷歌、火狐、搜狗、360、QQ浏览器等主流浏览器均可以使用）只须要在<input>标签下新加属性：webkitdirectory 

            <input type="file" webkitdirectory />

   以前在网上找的文章基本上都在说只有谷歌和edge浏览器可用，可是我测试了一下，主流浏览器均可以使用。

   测试了半天，又发现另外一个问题，如何获取文件夹名称？测试后发现，能够获取到文件夹内文件的数量，以及文件的名称等，可是并不能在前端实现文件夹名称的获取，后来发现后台获取很容易。个人项目文件夹名称有特殊意义，须要对文件夹名称作解析，因此须要这么费劲的实现名称获取。后台能够获取到接收到的文件的相对路径例如：

     360download\01.jpg 

   这样就等于间接的实现了文件夹名称的提取。

   参考连接：  　　

        https://laike9m.com/blog/wen-jian-jia-shang-chuan-cong-qian-duan-dao-hou-duan,59/