FileSystemDirectoryHandle : FileSystemHandle

async iterable

Instance Indexers

this[Symbol.asyncIterator] : Function<AsyncIterator<FileSystemHandle>>

Example:

startIn: <select id="startIn">
  <option>desktop</option>
  <option>documents</option>
  <option>downloads</option>
  <option>music</option>
  <option selected>pictures</option>
  <option>videos</option>
</select><br>
<button onclick="openDirectory()">Open Directory</button>
<script>
  const openDirectory = async () => {
    try {
      const directoryHandle = await showDirectoryPicker({
        startIn: document.getElementById('startIn').value,
      });
      console.log(`${directoryHandle.name}:`);
      for await (const [name, fileHandle] of directoryHandle) {
        console.log(' ', name, fileHandle.kind);
      }
    }
    catch (e) {
      console.log(e);
    }
  };
</script>

Run