ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 学習 FileReader インターフェイス コード例の共有 9 (写真)

HTML5 学習 FileReader インターフェイス コード例の共有 9 (写真)

黄舟
黄舟オリジナル
2017-03-13 17:27:011314ブラウズ

1、FileReader の概要

FileReader オブジェクトを使用すると、Web アプリケーションは File または Blob オブジェクトは、読み取るファイルまたはデータを指定します。 FileBlob 对象指定要读取的文件或数据。

其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果

2、FileReader接口方法

2. FileReader インターフェイス メソッド
方法名 参数 描述
readAsBinaryString file 将文件读取为二进制码
readAsText file,[encoding] 将文件读取为文本
readAsDataURL file 将文件读取为DataURL
readAsArrayBuffer file 将文件读取为ArrayBuffer对象File オブジェクトは、ユーザーが <input> 要素でファイルを選択した後に返される FileList オブジェクトであることも、ドラッグ アンド ドロップ操作 >DataTransfer オブジェクト、または HTMLCanvasElementmozGetAsFile() メソッドを実行した後に返される結果。
メソッド名説明
パラメータ

readAsBinaryString

file

ファイルをバイナリコードとして読み取ります

readAsDataURL ArrayBuffer オブジェクト中止(なし)3. FileReader インターフェイス イベント
readAsTextfile,[encoding] テキストとしてファイルを読み取ります
file DataURLとしてファイルを読み取る
readAsArrayBuffer file
読み取り操作を中断

説明

onabort


データの読み取りが中断されたときにトリガーされます

🎜🎜🎜🎜🎜onerror 🎜🎜🎜🎜データ読み取りエラー🎜🎜🎜🎜🎜🎜の場合にトリガーされますonloadstart🎜🎜🎜🎜データ読み取り開始時にトリガー🎜🎜🎜🎜🎜onprogress🎜🎜🎜🎜データ読み取り中🎜🎜🎜🎜🎜onload🎜🎜🎜🎜データ読み取りが正常に完了したトリガーいつ🎜🎜🎜🎜🎜🎜onloadend🎜をしたとき🎜🎜🎜成功または失敗に関係なく、データの読み取りが完了するとトリガーされます🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜 🎜🎜🎜🎜🎜4. 使用例🎜🎜 🎜 🎜りー

以上がHTML5 学習 FileReader インターフェイス コード例の共有 9 (写真)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。