HTMLでフォルダーを開く方法-htmlチュートリアル-php.cn

HTMLでフォルダーを開く方法

下次还敢

リリース： 2024-04-22 09:44:51

オリジナル

594 人が閲覧しました

HTML を使用してフォルダーを開くには: HTML ドキュメントを作成し、webkitdirectory 属性を使用してフォルダー選択ダイアログを有効にします。ユーザーが複数のフォルダーを選択できるようにするには、multiple 属性を使用します。 JavaScript を使用して、選択したフォルダーにアクセスし、選択したフォルダーに対する操作を実行します。

HTMLでフォルダーを開く方法

#HTML を使用してフォルダーを開く方法

HTML を使用してフォルダーを開くには、次の手順を実行できます。 :

ステップ 1: HTML ドキュメントを作成する

新しい HTML ドキュメントを作成し、次のコードを使用します:

<code class="html"><html>
<head>
  <title>打开文件夹</title>
</head>
<body>
  <input type="file" webkitdirectory multiple>
</body>
</html></code>

ログイン後にコピー

ステップ 2: webkitdirectory プロパティ

webkitdirectory プロパティを使用すると、フォルダー選択ダイアログボックスが有効になります。このプロパティは、WebKit ブラウザ (Safari、Chrome など) でのみサポートされます。

ステップ 3: multiple 属性を使用する

multiple 属性を使用すると、ユーザーは複数のファイルまたはフォルダーを一度に選択できます。。

ステップ 4: JavaScript を使用して、選択したフォルダーにアクセスします。

JavaScript を使用して、選択したフォルダーにアクセスできます。次のコードは、選択したフォルダーのリストを取得する方法を示しています。

<code class="javascript">var input = document.querySelector('input[type="file"]');

input.addEventListener('change', function() {
  var folders = input.files;
  // 对选定的文件夹进行操作
});</code>

ログイン後にコピー

コードの説明: