Блог

Я использую webkitdirectory для получения видеофайлов из выбранной папки:

 <input class="btn btn-info" id="video" type="file" required webkitdirectory directory />
  

Проблема, с которой я сталкиваюсь, заключается в том, что в выбранной папке будет вложенная папка с большим количеством видеофайлов, которые я не хочу выбирать.

Есть ли способ, чтобы webkitdirectory просматривал только выбранную верхнюю папку, а не добавлял файлы из вложенных папок?

Вы можете фильтровать список файлов после выбранной папки.

Вот решение. Надеюсь помочь, мой друг :))

http://jsfiddle.net/pcrnhd8g/

 <input type="file" id="picker" name="picker" webkitdirectory multiple  />

<div id="list">
  Pick a directory.
</div>  


<script>


let picker = document.getElementById('picker');

picker.addEventListener('click', (event) => {
  let files = event.target.files;
  let list = document.getElementById('list');
  list.innerHTML = 'You selected these files:';

  // get the files that not inlcude at subfolder
    files = Array.from(files).filter( function(s){     
    return !s.webkitRelativePath.includes('SubFolder'); 
});


  for (let i = 0; i < files.length; i  ) {
    let file = files[i];
    list.innerHTML  = '<br>'   file.webkitRelativePath;
  }
});

</script>