blob: cee0e907f9c8fc2dff9ce8703e8cd54dac8ac829 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
---
title: FileReader.onload
slug: Web/API/FileReader/onload
tags:
- Event Handler
- File
- FileReader
- Property
- Reference
translation_of: 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>
|