前端實現上傳文件夾與文件夾名稱的獲取

   最近標註項目有一個需求呢就是上傳文件夾（內有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/