Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/ja/docs/Web/API/File/webkitRelativePath below:

File: webkitRelativePath プãƒãƒ‘ティ - Web API

メモ: この機能はウェブワーカー内で利用可能です。

webkitRelativePath は File インターフェイスの読み取り専用プロパティで、webkitdirectory 属性が設定された <input> 要素において、ユーザーが選択したディレクトリーに対するファイルのパスを指定する文字列を保持します。

ユーザーが選択した祖先ディレクトリーを基準にしたファイルのパスを含む文字列。

この例では、ユーザーが 1 つまたは複数のディレクトリーを選択することができるディレクトリーピッカーが表示されます。 change イベントが発生すると、選択されたディレクトリー階層に含まれるすべてのファイルのリストが生成され、表示されます。

<input type="file" id="filepicker" name="fileList" webkitdirectory multiple />
<output id="output"></output>

output {
  display: block;
  white-space: pre-wrap;
}

const output = document.getElementById("output");
const filepicker = document.getElementById("filepicker");

filepicker.addEventListener("change", (event) => {
  const files = event.target.files;

  for (const file of files) {
    output.textContent += `${file.webkitRelativePath}\n`;
  }
});

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4