在輸入字段中獲取目錄名稱

Question

我有一些具體的問題，我仍然沒有在論壇上找到任何可以幫助我的材料。

我需要獲取要上傳的文件夾的名稱 select。 我知道出於安全原因我無法獲得完整路徑，但我想至少獲得我選擇的文件夾的名稱。 例子：

<input type="file" id="fileToUpload" webkitdirectory directory/>

選擇文件夾時，我想得到它的名字，我不關心里面的文件名，只關心文件夾名。 另一個問題是即使所選文件夾沒有任何文件，我也需要獲取名稱。

編輯：

<input type="file" id="FileUpload" onchange="selectFolder(event)" 
 webkitdirectory mozdirectory msdirectory odirectory directory 
 multiple />


<script type="text/javascript">
function selectFolder(e) {
var theFiles = e.target.files;
var relativePath = theFiles[0].webkitRelativePath;
var folder = relativePath.split("/");
console.log(folder[0]);
}
</script>

使用下面的代碼，我得到了我想要的，即所選文件夾的名稱，但如果所選文件夾中沒有任何內容，則不會返回任何內容。

Answer 1

這能解決你的問題嗎

  <body>
    Hello world

  <script>
    function get_name(){
      var check = document.getElementById("fileToUpload").value;

      const arr = check.split("\\");
      console.log(arr);
      console.log("Is this your folder : " , arr.at(arr.length -1) );
      console.log(check);
      

    }
    </script>
    <input type="file" id="fileToUpload" onchange="get_name()" webkitdirectory directory />


    
  </body>

在輸入字段中獲取目錄名稱

問題描述

1 個解決方案

解決方案1
0 2022-01-03 14:40:58

在輸入字段中獲取目錄名稱

問題描述

1 個解決方案

解決方案1 0 2022-01-03 14:40:58

解決方案1
0 2022-01-03 14:40:58