FileSystemHandle.name

The name read-only property of the FileSystemHandle interface returns the name of the entry represented by handle.

The following function allows the user to choose a file from the file picker and retrieve the name property.

// store a reference to our file handle
let fileHandle;

async function getFile() {
  // open file picker
  [fileHandle] = await window.showOpenFilePicker();

  const fileName = fileHandle.name;

}

• File System Access API
• The File System Access API: simplifying access to local files