diff options
Diffstat (limited to 'files/ja/web/api/filereader/error_event/index.html')
-rw-r--r-- | files/ja/web/api/filereader/error_event/index.html | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/files/ja/web/api/filereader/error_event/index.html b/files/ja/web/api/filereader/error_event/index.html new file mode 100644 index 0000000000..e7f7933599 --- /dev/null +++ b/files/ja/web/api/filereader/error_event/index.html @@ -0,0 +1,92 @@ +--- +title: 'FileReader: error イベント' +slug: Web/API/FileReader/error_event +tags: + - API + - Error + - Event + - FileReader + - ProgressEvent + - Reference + - Web + - onerror + - イベント +translation_of: Web/API/FileReader/error_event +--- +<div>{{APIRef}}</div> + +<p><code>error</code> イベントは、エラーによって読み取りが失敗したとき (例えば、ファイルが見つからなかった場合や読み取り可能ではなかった場合) に発生します。</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">バブリング</th> + <td>なし</td> + </tr> + <tr> + <th scope="row">キャンセル可能</th> + <td>いいえ</td> + </tr> + <tr> + <th scope="row">インターフェイス</th> + <td>{{domxref("ProgressEvent")}}</td> + </tr> + <tr> + <th scope="row">イベントハンドラープロパティ</th> + <td>{{domxref("FileReader.onerror")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Examples" name="Examples">例</h2> + +<pre class="brush: js">const fileInput = document.querySelector('input[type="file"]'); +const reader = new FileReader(); + +function handleSelected(e) { + const selectedFile = fileInput.files[0]; + if (selectedFile) { + + reader.addEventListener('error', () => { + console.error(`Error occurred reading file: ${selectedFile.name}`); + }); + + reader.addEventListener('load', () => { + console.error(`File: ${selectedFile.name} read successfully`); + }); + + reader.readAsDataURL(selectedFile); + } +} + +fileInput.addEventListener('change', handleSelected); +</pre> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('File API', '#dfn-error-event')}}</td> + <td>{{Spec2('File API')}}</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("api.FileReader.error_event")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>関連イベント: {{domxref("FileReader.loadstart_event", "loadstart")}}, {{domxref("FileReader.loadend_event", "loadend")}}, {{domxref("FileReader.progress_event", "progress")}}, {{domxref("FileReader.load_event", "load")}}, {{domxref("FileReader.abort_event", "abort")}}</li> +</ul> |