JavaScript. Подробное руководство, 6-е издание, стр. 393

По мере чтения содержимого указанного двоичного объекта объект

FileReader

будет обновлять значение своего свойства

readyState

. Первоначально это свойство получает значение 0, показывающее, что еще ничего не было прочитано. Когда становятся доступны какие-нибудь данные, оно принимает значение 1 и по окончании чтения - значение 2. Свойство

result

хранит частично или полностью прочитанные данные в виде строки или объекта

ArrayBuffег

. Веб-приложения обычно не опрашивают свойства

readyState

result

и вместо этого используют обработчик события

onprogress

или

onload

Пример 22.11 демонстрирует, как использовать метод

readAsText()

для чтения локальных текстовых файлов, выбранных пользователем.

Пример 22.11. Чтение текстовых файлов с помощью объекта

FileReader

<script>

<b>// Читает указанный текстовый файл и отображает его в элементе &lt;рге&gt; ниже</b>

function readfile(f) {

 var reader = new FileReader(); // Создать объект FileReader

 reader.readAsText(f); // Прочитать файл

 reader.onload = function() { // Определить обработчик события

 var text = reader.result; 11 Это содержимое файла

 var out = document.getElementById("output"); // Найти элемент output

 out.innerHTML = // Очистить его

 out.appendChild(document.createTextNode(text));// Вывести содержимое 

 } // файла

 reader.onerror = function(e) { // Если что-то пошло не так

 console.log("Error", .e); // Вывести сообщение об ошибке

 };

}

</script>

// Выберите файл для отображения:

<input type="file" onchange=”readfile(this. files[0])"x/input>

<pre id="output"x/pre>

Метод

readAsArrayBuffer()

похож на метод

readAsText(),

за исключением того, что требует приложить чуть больше усилий при работе с результатом, возвращая объект

ArrayBuffег

вместо строки. Пример 22.12 демонстрирует использование метода

readAsArrayBuffer()

для чтения первых четырех байтов из файла в виде целого числа с прямым порядком следования байтов.

Пример 22.12. Чтение первых четырех байтов из файла

<script>

<b>// Исследует первые 4 байта в указанном двоичном объекте. Если это &quot;сигнатура&quot;,</b>

<b>// определяющая тип файла, асинхронно устанавливает свойство двоичного объекта.</b>

function typefile(file) {

 var slice = file.slice(0,4); // Читать только первые 4 байта

 var reader = new FileReader(); // Создать асинхронный FileReader

 reader.readAsArrayBuffer(slice); // Прочитать фрагмент файла

 reader.onload = function(e) {

 var buffer = reader.result; // Результат - ArrayBuffer

 var view = new DataView(buffer); // Получить доступ к результату

 var magic = view.getUint32(0, false); // 4 байта, прямой порядок

 switch(magic) { // Определить по ним тип файла

 case 0х89504Е47: file.verified_type = "image/png"; break;

 case 0x47494638: file.verified_type = "image/gif"; break;

 case 0x25504446: file.verified_type = "application/pdf"; break;

 case 0x504b0304: file.verified_type = "application/zip"; break;

 }

 console.log(file.name, file.verified_type);

 };

}

</script>

<input type="file" onchange="typefile(this. files[0])”></input>

В фоновых потоках выполнения вместо объекта

FileReader

можно использовать объект

FileReaderSync

. Синхронный прикладной интерфейс определяет те же методы

readAsText()

readAsArrayBuffer(),

которые принимают те же аргументы, что и их асинхронные версии. Разница заключается лишь в том, что синхронные методы блокируются до окончания операции и непосредственно возвращают результат в вид строки или объекта

ArrayBuffer

, что избавляет от необходимости использовать обработчики событий. Пример 22.14 ниже демонстрирует использование объекта

FileReaderSync

22.7. Прикладной интерфейс к файловой системе

В разделе 22.6.5 вы познакомились с классом

FileReader

, использовавшимся для чтения содержимого файлов, выбираемых пользователем, или любых двоичных объектов. Типы

File

Blob

определяются проектом спецификации, известной как «File АРІ». Проект другой спецификации, еще более новой, чем «File АРІ», дает веб-приложениям управляемый доступ к частной файловой системе, где они могут писать в файлы, читать файлы, создавать каталоги, читать содержимое каталогов и т. д. На момент написания этих строк данный прикладной интерфейс к файловой системе был реализован только в броузере Google Chrome. Это мощная и важная форма локального хранилища, поэтому она будет описана здесь, несмотря на то что ее прикладной интерфейс еще менее стабилен, чем другие прикладные интерфейсы, описываемые в этой главе. Данный раздел охватывает лишь основные задачи, выполняемые с файловой системой, и не демонстрирует всех возможностей прикладного интерфейса. Так как обсуждаемый здесь прикладной интерфейс является новым и нестабильным, он не описывается в справочном разделе этой книги.