diff options
Diffstat (limited to 'files/ja/conflicting')
3 files changed, 66 insertions, 0 deletions
diff --git a/files/ja/conflicting/web/api/filereader/abort_event/index.html b/files/ja/conflicting/web/api/filereader/abort_event/index.html new file mode 100644 index 0000000000..9aef093dc4 --- /dev/null +++ b/files/ja/conflicting/web/api/filereader/abort_event/index.html @@ -0,0 +1,17 @@ +--- +title: FileReader.onabort +slug: conflicting/Web/API/FileReader/abort_event +tags: + - Event Handler + - File + - FileReader + - Property + - Reference +translation_of: Web/API/FileReader/onabort +original_slug: Web/API/FileReader/onabort +--- +<p><strong><code>FileReader.onabort</code></strong> プロパティには、<code><a href="/ja/docs/Web/Events/abort">abort</a></code> イベントが発生したとき、つまりファイルの読み取り処理が中止されたときに実行されるイベント ハンドラが含まれています。</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js notranslate">reader.onabort = function() { ... };</pre> diff --git a/files/ja/conflicting/web/api/filereader/error_event/index.html b/files/ja/conflicting/web/api/filereader/error_event/index.html new file mode 100644 index 0000000000..d794e3df63 --- /dev/null +++ b/files/ja/conflicting/web/api/filereader/error_event/index.html @@ -0,0 +1,19 @@ +--- +title: onerror +slug: conflicting/Web/API/FileReader/error_event +translation_of: Web/API/FileReader/onerror +original_slug: Web/API/FileReader/onerror +--- +<p><a href="/ja/docs/Web/API/FileReader">FileReader</a> の onerror ハンドラは、Error オブジェクトではなく Event オブジェクトをパラメータとして受け取りますが、エラーは FileReader オブジェクトから <code><a href="/ja/docs/Web/API/FileReader/error">instanceOfFileReader.error</a></code> のようにアクセスすることができます。</p> + +<pre class="brush:js; line-numbers language-js notranslate"><code class="language-js"><span class="comment token">// </span></code><input type="file" onchange="onChange(event)"> からのコールバック<code class="language-js"> +<span class="keyword token">function</span> <span class="function token">onChange</span><span class="punctuation token">(</span>event<span class="punctuation token">)</span> <span class="punctuation token">{</span> + <span class="keyword token">var</span> file <span class="operator token">=</span> event<span class="punctuation token">.</span>target<span class="punctuation token">.</span>files<span class="punctuation token">[</span><span class="number token">0</span><span class="punctuation token">]</span><span class="punctuation token">;</span> + <span class="keyword token">var</span> reader <span class="operator token">=</span> <span class="keyword token">new</span> <span class="class-name token">FileReader</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span> + reader<span class="punctuation token">.onerror </span><span class="operator token">=</span> <span class="keyword token">function</span><span class="punctuation token">(</span>event<span class="punctuation token">)</span> <span class="punctuation token">{ + alert("</span></code>ファイルの読み込みに失敗しました。<code class="language-js"><span class="punctuation token">\n\n" + reader.error);</span> + <span class="punctuation token">reader.abort(); // </span></code>(...これは onerror ハンドラで何か有用なことをするのでしょうか？)<code class="language-js"> + <span class="punctuation token">}</span><span class="punctuation token">;</span> + + reader<span class="punctuation token">.</span><span class="function token">readAsText</span><span class="punctuation token">(</span>file<span class="punctuation token">)</span><span class="punctuation token">;</span> +<span class="punctuation token">}</span></code></pre> diff --git a/files/ja/conflicting/web/api/filereader/load_event/index.html b/files/ja/conflicting/web/api/filereader/load_event/index.html new file mode 100644 index 0000000000..0dd765290c --- /dev/null +++ b/files/ja/conflicting/web/api/filereader/load_event/index.html @@ -0,0 +1,30 @@ +--- +title: FileReader.onload +slug: conflicting/Web/API/FileReader/load_event +tags: + - Event Handler + - File + - FileReader + - Property + - Reference +translation_of: Web/API/FileReader/onload +original_slug: Web/API/FileReader/onload +--- +<p>{{APIRef}}</p> + +<p><strong><code>FileReader.onload</code></strong> プロパティは、<a href="/ja/docs/Web/API/FileReader/readAsArrayBuffer">readAsArrayBuffer</a> や <a href="/ja/docs/Web/API/FileReader/readAsBinaryString">readAsBinaryString</a>、 <a href="/ja/docs/Web/API/FileReader/readAsDataURL">readAsDataURL</a>、<a href="/ja/docs/Web/API/FileReader/readAsText">readAsText</a> でのコンテンツ読み込みが完了して、利用可能になると発火する {{event('load')}} イベント時に実行されるイベントハンドラを含みます。</p> + +<h2 id="例">例</h2> + +<pre class="brush:js; line-numbers language-js"><code class="language-js">// <input type="file" onchange="onChange(event)"> からのコールバック +function onChange(event) { + var file = event.target.files[0]; + var reader = new FileReader(); + reader.onload = function(event) { + // ファイルのテキストがここにプリントされる + console.log(event.target.result) + }; + + reader.readAsText(file); +} +</code></pre> |