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

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