Кроссбраузерная загрузка файлов с предпросмотром

[Nupster]

В общем такая задача - реализовать загрузку с предварительным просмотром, т.е. пользователь выбирает картинку через обычную форму или перетаскивает в область, картинка не загружается на сервер, а обрабатывается на стороне клиента, пользователю показывается миниатюра этой картинки и после нажатия на кнопку "загрузить" происходит загрузка уже на сервер.

Я сделал это используя fileReader, всё работает как надо, но только не в Safari. Потому что, как я понял, там нет поддержки подобной штуки.

Что можно ещё использовать кроме fileReader, чтобы работало во всех браузерах? Мне бы не хотелось отказываться совсем от fileReader, потому планирую просто проверить есть ли у пользователя этот объект и если его нет, использовать что-то другое. Вот только не знаю что.

И такой вопрос, на fileReader получается никак нельзя повесить gif-картинку на момент загрузки файлов?(чтобы она именно "двигалась", а не просто появилась на экране) fileReader.onloadstart и fileReader.onloadend не работают так как, например, аяксовские аналоги beforeSend и complete(на них всё прекрасно вешается и gif "двигается").

[krasovsky]

fileReader вообще не особо кроссбраузерное решение, только html5 браузеры. Навреное только flash остается

И такой вопрос, на fileReader получается никак нельзя повесить gif-картинку на момент загрузки файлов?

Не понял, то ли ты имеешь ввиду гиф прелоадер, пока грузится картинка, то ли то что у тебя после файлридера гиф как статичная картинка отображается?

[Nupster]

fileReader вообще не особо кроссбраузерное решение, только html5 браузеры. Навреное только flash остается


Не понял, то ли ты имеешь ввиду гиф прелоадер, пока грузится картинка, то ли то что у тебя после файлридера гиф как статичная картинка отображается?

Я имею ввиду гиф прелоадер. Загрузка через fileReader происходит не асинхронно, как я понял. Т.е. после перетаскивания или выбора картинки(5-8мб) она загружается 3-4 секунды на предпросмотр и в эти секунды браузер как бы "зависает". Потому gif не двигается, а после конца загрузки в событии onloadend скрывается. Вот я и спрашиваю, может можно каким-то образом запустить fileReader асинхронно. Хотя это не так критично, всего несколько секунд, а с картинками до 2мб загрузка происходит практически мгновенно.



Я читал про FormData, но там ведь обязательно необходимо использовать сервер даже при начальной загрузке, т.е. это не подходит. Никаких больше аналогов нет?

[krasovsky]

FormData

это для отправки файлов на сервер.

Варианты есть но все они не волшебные - либо открывать превью тем браузерам которые умеют fileReader, а тем что не умеют вставлять "просмотр недоступен", либо для них как раз вставлять гиф прелоадер а тем временем отправлять картинку на сервак в какую нибудь темп директорию и вставлять уже с сервака.

[Nupster]

Нашёл https://github.com/Jahdrien/FileReader
Правда не получается запустить, Сафари ругается на отсутствие swf файла, всё уже перепробовал, пути везде менял. Никто не пытался использовать это?

С отсутствием swf разобрался, теперь FileReader видит сафари в том числе, но на

fileReader.readAsDataURL(sfile);

ругается
TypeError: 'undefined' is not a function (evaluating 'FileAPIProxy.swfObject.read(file.input, file.name, 'readAsDataURL')')

Могу получить имя, расширение, размер и дату создания файла, а вот то что находится внутри файла, нет

А file.input не задано, поэтому ничего не работает. Но не знаю где его взять.

[mak200]

Решен ли вопрос кроссбраузерной загрузки файла с предпросмотром?
Помогите решить эту задачу http://livreklama.ru/shop/index.php?...&product_id=42