From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../ja/web/api/file/webkitrelativepath/index.html | 90 ++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 files/ja/web/api/file/webkitrelativepath/index.html (limited to 'files/ja/web/api/file/webkitrelativepath') diff --git a/files/ja/web/api/file/webkitrelativepath/index.html b/files/ja/web/api/file/webkitrelativepath/index.html new file mode 100644 index 0000000000..91e010dd01 --- /dev/null +++ b/files/ja/web/api/file/webkitrelativepath/index.html @@ -0,0 +1,90 @@ +--- +title: File.webkitRelativePath +slug: Web/API/File/webkitRelativePath +tags: + - File + - File API + - File System API + - File and Directory Entries API + - Non-standard + - Web + - webkitRelativePath + - プロパティ + - リファレンス + - 読み取り専用 + - 非標準 +translation_of: Web/API/File/webkitRelativePath +--- +

{{APIRef("File API")}}{{non-standard_header}}

+ +

File.webkitRelativePath は、{{htmlattrxref("webkitdirectory", "input")}} 属性が設定された {{HTMLElement("input")}} 要素でユーザーが選択したディレクトリに対するファイルのパスを指定する {{domxref("USVString")}} を含む読み取り専用のプロパティです。

+ +

構文

+ +
 relativePath = File.webkitRelativePath
+ +

値

+ +

ユーザーが選択した先祖ディレクトリを基準にしたファイルのパスを含む {{domxref("USVString")}}。

+ +

例

+ +

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

+ +

HTML コンテンツ

+ +
<input type="file" id="filepicker" name="fileList" webkitdirectory multiple />
+<ul id="listing"></ul>
+ +

JavaScript コンテンツ

+ +
document.getElementById("filepicker").addEventListener("change", function(event) {
+  let output = document.getElementById("listing");
+  let files = event.target.files;
+
+  for (let i=0; i<files.length; i++) {
+    let item = document.createElement("li");
+    item.innerHTML = files[i].webkitRelativePath;
+    output.appendChild(item);
+  };
+}, false);
+
+ +

結果

+ +

{{ EmbedLiveSample('Example') }}

+ +

仕様

+ + + + + + + + + + + + + + + + +
仕様書ステータスコメント
{{ SpecName('File System API', '#dom-file-webkitrelativepath', 'webkitRelativePath') }}{{ Spec2('File System API') }}初回定義
+ +

この API には、公式の W3C または WHATWG 仕様はありません。

+ +

ブラウザの互換性

+ + + +

{{Compat("api.File.webkitRelativePath")}}

+ +

あわせて参照

+ + -- cgit v1.2.3-54-g00ecf