can't get handle from directoryOpen function

[sytolk]

The File System Access API return handle

const dirHandle = await window.showDirectoryPicker();

but directoryOpen return files[] in selected directory:

const fsAccess = require("browser-fs-access");
  const blobsInDirectory = await fsAccess.directoryOpen({
    recursive: false,
  });

How can I get selected directory path only?

[sytolk]

Fixed get handle without using browser-fs-access

[tomayac]

You can obtain the handles from the returned files, see this demo and the relevant snippet below:

import { directoryOpen } from "https://unpkg.com/browser-fs-access";

document.querySelector("button").addEventListener("click", async () => {
  const files = await directoryOpen({ recursive: true });
  files.forEach((file) => {
    console.log("FileSystemFileHandle", file.handle);
    console.log("FileSystemDirectoryHandle", file.directoryHandle);
  });
});

This is for the directory structure below: