H5-FileReaderのオブジェクトを使用します

1  <！ - 使用FileReaderのオブジェクト- > 
2  
3  <！ - タイムリーなプレビューの必要性
 4  時間：ユーザーが画像を選択し、すぐにプレビューイベント処理--onchange終了
 5  （ファイルを読み込むことでreadAsDataURLオブジェクト：プレビュー）が完了する
 6  - > 
7。 < フォームアクション= "" > 
8。      ファイル：< INPUTの種類= "ファイル" 名= "のmyFile" ID = "のmyFile"   のonChange = "getFileContent（）;" > < BR /> 
9      < INPUT タイプ= "送信" > 
10  </ フォーム> 
11 < IMG SRC = "" Altキー= "" > 
12である 
13である < スクリプト> 
14      機能getFileContent（）{
 15          // ファイルを作成し、ターゲット読み出さ
16          VARのリーダー=  新しい新規FileReaderの（）;
 17          // DataURL得、ファイルを読み込む
18である         VAR ファイル= document.querySelector（" #myFile " ）.files;
 19          reader.readAsDataURL（[ファイル0 ]）を、
 20          / * データを取得する* / 
21である         reader.onload=  関数（）{
 22              / * 展示* / 
23              document.querySelector（" IMG " ）.SRC = reader.result。
24          }
 25      }
 26  </ スクリプト>