Используйте объект h5-FileReader

1  <! - Используйте FileReader объект -> 
2  
3  <! - необходимость своевременного Preview
 4  во времени: когда пользователь закончил выбор снимков сразу просмотр обработки событий --onchange
 5  Preview: объект readAsDataURL путем чтения файла ( ) завершается
 6.  -> 
7.  < форма Действие = "" > 
8.      файл: < ВХОДНОЙ тип = "файл" имя = "MyFile" ID = "MyFile"   OnChange = "getFileContent ();" > < бр /> 
. 9      < ВХОД тип = "Отправить" > 
10  </ Форма > 
11 < IMG Пульт SRC = "" Alt = "" > 
12  
13  < Сценарий > 
14      Функции getFileContent () {
 15          // создать файл чтение цели на 
16          уаг чтения =  новый новый FileReader ();
 . 17          // прочитать файл, получение DataURL 
18          вар Файл = document.querySelector ( " #myFile " ); .files
 . 19          reader.readAsDataURL (Файл [ 0 ]);
 20          / * Получить данные * / 
21          reader.onload=  Функция () {
 22              / * 展示* / 
23              document.querySelector ( " IMG " ) .src = reader.result;
24          }
 25      }
 26  </ сценарий >