From 14a653b3d694d071fa60c1c39ebadf97203be0e9 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 28 Dec 2021 01:14:12 +0900 Subject: 2021/09/15 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/file/webkitrelativepath/index.md | 84 ++++++++++------------- 1 file changed, 36 insertions(+), 48 deletions(-) diff --git a/files/ja/web/api/file/webkitrelativepath/index.md b/files/ja/web/api/file/webkitrelativepath/index.md index fffef9b4d3..bb229142e8 100644 --- a/files/ja/web/api/file/webkitrelativepath/index.md +++ b/files/ja/web/api/file/webkitrelativepath/index.md @@ -6,83 +6,71 @@ tags: - File API - File System API - File and Directory Entries API - - Non-standard - - Web - - webkitRelativePath + - 標準外 - プロパティ - - リファレンス - 読み取り専用 - - 非標準 + - リファレンス + - ウェブ + - webkitRelativePath +browser-compat: api.File.webkitRelativePath translation_of: Web/API/File/webkitRelativePath --- -

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

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

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

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

構文

+## 構文 -
 relativePath = File.webkitRelativePath
+```js +relativePath = File.webkitRelativePath +``` -

値

+### 値 -

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

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

例

+## 例 -

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

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

HTML コンテンツ

+### HTML コンテンツ -
<input type="file" id="filepicker" name="fileList" webkitdirectory multiple />
-<ul id="listing"></ul>
+```html + + +``` -

JavaScript コンテンツ

+### JavaScript コンテンツ -
document.getElementById("filepicker").addEventListener("change", function(event) {
+```js
+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++) {
+  for (let i=0; i
+```
 
-
結果

+### 結果
 
-
{{ EmbedLiveSample('Example') }}

+{{ EmbedLiveSample('Example') }}
 
-
仕様

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

+{{Specifications}}
 
-
この API には、公式の W3C または WHATWG 仕様はありません。

+この API には、公式の W3C または WHATWG 仕様はありません。
 
-
ブラウザの互換性

+## ブラウザーの互換性
 
-
{{Compat("api.File.webkitRelativePath")}}

+{{Compat}}
 
-
あわせて参照

+## 関連情報
 
-
+- [File and Directory Entries API](/ja/docs/Web/API/File_and_Directory_Entries_API)
+- {{domxref("HTMLInputElement.webkitEntries")}}
+- {{domxref("HTMLInputElement.webkitdirectory")}}
-- 
cgit v1.2.3-54-g00ecf