ファイルをメモリに読み取り、ファイル内のデータを読み取るために使用されます。 FileReader Interfaceは、このAPIを使用してブラウザのメインスレッドで非同期ファイルシステムにアクセスしてファイル内のデータを読み取る非同期APIを提供します。現在、FF3.6+とChrome6.0+のみがFileReaderインターフェイスを実装しています。
1。FILEREADERインターフェイスの方法FileReaderインターフェイスには4つの方法があり、そのうち3つはファイルの読み取りに使用され、もう1つは読み取りを中断するために使用されます。成功や失敗に関係なく、この結果は結果属性に保存されません。
FileReaderインターフェイスの方法
| メソッド名 | パラメーター | 説明する |
|---|---|---|
| readasbinarystring | ファイル | ファイルをバイナリコーディングに読んでください |
| readastext | ファイル、[エンコード] | ファイルをテキストとして読み取ります |
| Readasdataurl | ファイル | ファイルをdataurlとして読み取ります |
| アボート | （なし） | ターミナルリーディング操作 |
FileReaderインターフェイスには、ファイルを読むときに状態をキャプチャする完全なイベントモデルが含まれています。
FileReaderインターフェイスイベント
| イベント | 説明する |
| onabort | 割り込み |
| onerror | 間違っています |
| onloadstart | 始める |
| onprogress | 読む |
| オンロード | 正常に読んでください |
| onloadend | 成功と失敗に関係なく、完了しました |
<script = text/javascript> document.getElementByID（result）; P>ブラウザはFileReaderインターフェイスをサポートしていません！ </p>; if（！/Image /// test（file.type））{Alert（明らかに写真が必要です！）データurll reader.readasdataurl（file）; } readsbinaryString（）{document.getElementByID（ファイル）[0];結果）file result.innerhtml = var file = tbyid（file）; reader.readastext（file）; > [ファイル]を選択してください：</label> <入力タイプ=ファイルid =ファイル/> <入力タイプ=ボタン値=画像onclick = readasdatarl（）/> <入力タイプ=ボタン値=バイナリデータonclick =読み取りreadasbinaryString（） /> <入力タイプ=ボタン値=テキストファイルonclick = readastext（） /> < /p> <div id = result name = result> < /div>要約します上記は、Xiaobianによって紹介されたHTML5のFilreaderインターフェイスの例です。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！