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

Jul 09, 2010 13:00

Сегодня утром я прочитал статью о работающем 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];
где контрол на сайте выглядит так:

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

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

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

dataurl, html5, file, filereader, base64

Previous post Next post
Up