yarixxx Голосов: 2 Адрес блога: http://yarixxx.livejournal.com/ Добавлен: 2010-03-10 17:19:20 блограйдером yarixxx

HTML5: А в Firefox 3.6 уже есть FileReader

2010-07-09 13:02:57 (читать в оригинале)

Сегодня утром я прочитал статью о работающем FileReader в Firefox 3.6 и сразу решил попробовать.

Суть FileReader в том, что он позволяет работать с локальными файлами до их попадания на сервер. Где это может быть полезно?
Самый попсовый пример: просмотр изображений перед тем, как отправлять их на сервер. У Яндекса это сделано в варианте flash-приложения, а в будущем можно будет обходиться без этого.

Кратко и по делу:
if (!!FileReader) {
    var reader = new FileReader();
    reader.onload = function() {
        // reader.result - вот тут содержится загруженная информация
    }
    reader.readAsDataURL(f); // В параметре f передается сам файл
}

Что это за параметр такой "f"?
var f = document.getElementById("data").files[0];
где контрол на сайте выглядит так:
<input type="file" id="data" />

Работающий пример

Прочитать про DataURL чтобы понять пример (если вдруг кто еще не в курсе)

Заметка про FileAPI в Firefox