From 4e6ac017cdd1096518ad80347b6171cfd0cbd5de Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 27 Dec 2021 21:32:30 +0900 Subject: Web/API/File 以下を変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ja/web/api/file/webkitrelativepath/index.html | 88 ---------------------- files/ja/web/api/file/webkitrelativepath/index.md | 88 ++++++++++++++++++++++ 2 files changed, 88 insertions(+), 88 deletions(-) delete mode 100644 files/ja/web/api/file/webkitrelativepath/index.html create mode 100644 files/ja/web/api/file/webkitrelativepath/index.md (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 deleted file mode 100644 index fffef9b4d3..0000000000 --- a/files/ja/web/api/file/webkitrelativepath/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -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")}}

- -

あわせて参照

- - diff --git a/files/ja/web/api/file/webkitrelativepath/index.md b/files/ja/web/api/file/webkitrelativepath/index.md new file mode 100644 index 0000000000..fffef9b4d3 --- /dev/null +++ b/files/ja/web/api/file/webkitrelativepath/index.md @@ -0,0 +1,88 @@ +--- +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