JavaScriptでフォルダーを読み込む方法

Question

https://vscode.dev
の「フォルダーを開く」ボタンのように、フォルダーごと読み込む方法をご存じの方はご教授ください。

ファイルを読み込む場合は

<input type="file">

でできますが、フォルダとなるとどうすればよいのかわかりません。
開発者ツールで「フォルダーを開く」ボタン近辺のHTMLタグを見たところ、aタグしか使われておらず、おそらくJavaScriptで制御しているものだと思いました。
検索しても思い通りの記事はヒットしませんでした、

環境

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36 Edg/109.0.1518.61

Comments

[y_waiwai]

フォルダを読み込む、と言われても意味不明です。
具体的になにをどうしたいのか説明しよう

[ypp]

「フォルダごと読み込む」です。これ以上の言葉が思いつきません。
提示したサイトにはアクセスされましたか？

[y_waiwai]

ローカルフォルダを開く操作はサポートされていません、と出ますが、これを表示させたいって話でしょうか？

[ypp]

違います、「フォルダーを開く」ボタンを押すと、<input type="file">でできるファイルを開くダイアログが表示されますが、違うのはファイルではなくフォルダごと開けることです。このフォルダごと開く処理を実現したいです。
参考程度に質問内容に画像を追加しました。
追記："C:/users/ユーザー名" 直下のフォルダ(Desktop, Document)などはセキュリティ上により開けないようです。Documentの中にフォルダを作るとそのフォルダが開けます。

Answer 1

File System Access API の window.showDirectoryPicker() だと思われます。現状では Chromium 系のブラウザでのみ使えます。

Comments

[ypp]

参考になりました！