HTML5 File API: множественная загрузка файлов на сервер

L
На сайте с 18.02.2012
Offline
83
1539

Здравствуйте читатели форума, прочитал тут статью одну.


Здесь создается экземпляр уже знакомого нам объекта FileReader, точно так же, как и выше; ему присваивается обработчик события onload, в котором создается XMLHttpRequest (к сожалению, пока нельзя воспользоваться ajax-интерфейсом jQuery, поскольку там еще не предусмотрена загрузка файлов). В XMLHttpRequest второй версии появилось свойство upload, содержащее объект-загрузчик, который может обрабатывать события progress, load и error (подробнее см. http://www.w3.org/TR/XMLHttpRequest2/#xmlhttprequesteventtarget). В примере выше показана только обработка события progress. Далее присваиваем обработчик завершения запроса самому реквесту (в отличие от событий объекта-загрузчика он вызывается уже тогда, когда все данные загружены и ответ от сервера получен), добавляем два дополнительных заголовка и формируем тело запроса, читая данные из свойства result объекта FileReader. После этого загрузка запускается. Отмечу только, что по нынешней спецификации W3C подразумевается, что метод send() объекта XMLHttpRequest может принимать в параметре бинарные данные, что успешно и реализовано в Google Chrome, однако в Firefox сделано по-своему, через особый метод sendAsBinary(). Поэтому перед началом отправки проверяем, определен ли метод sendAsBinary() в объекте реквеста, и, если да, используем его.

Вот, собственно, и все. С нетерпением ждем утверждения и распространения html 5!

Вопрос, на всех устройствах работает ? планшеты, телефоны и т.д

http://safron.su/playground/html5uploader/

ДП
На сайте с 23.11.2009
Offline
203
#1

Лично я на на поддержку всеми устройствами не рассчитывал, но скорее всего поддерживает достаточно большой процент, чтобы использовать это решение.

L
На сайте с 18.02.2012
Offline
83
#2
Дикий пионер:
Лично я на на поддержку всеми устройствами не рассчитывал, но скорее всего поддерживает достаточно большой процент, чтобы использовать это решение.

Да было бы хорошо, а вот как проверить если нет нетбука и планшета и т.д

ДП
На сайте с 23.11.2009
Offline
203
#3

http://caniuse.com/#feat=fileapi например так

L
На сайте с 18.02.2012
Offline
83
#4
Дикий пионер:
http://caniuse.com/#feat=fileapi например так

а как там проверять то ?

я там ссылку ввел и что то ничего !

Garin33
На сайте с 31.08.2009
Offline
169
#5

Потому что Drupal - это круто.
L
На сайте с 18.02.2012
Offline
83
#6
Garin33:

ну так это в брайзерах, а айпада чет нет там.

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#7
l17l:
ну так это в брайзерах, а айпада чет нет там.

т.е. вам не ведомо, что на айпаде iOS стоит и браузер Safari ?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
L
На сайте с 18.02.2012
Offline
83
#8

Ага все вижу, вот думаю много ли браузеров поддерживает данный скрипт загрузки или мало, может стоит другой попробовать, который больше всего поддерживает.

ДП
На сайте с 23.11.2009
Offline
203
#9

Это не про скрипт, это про включенный в браузере способ загрузки файлов: fileapi.

Не думаю, что вы найдете скрипт, который поддерживает _значитально_ больше бразуеров - думаю разница, если и будет, то в пределах нескольких процентов.

Как правило такие скрипты-загрузчики имеют fallback'и до флеша или обычной формочки в случае неподдерживаемости браузером модных фишек.

L
На сайте с 18.02.2012
Offline
83
#10
Дикий пионер:
Это не про скрипт, это про включенный в браузере способ загрузки файлов: fileapi.
Не думаю, что вы найдете скрипт, который поддерживает _значитально_ больше бразуеров - думаю разница, если и будет, то в пределах нескольких процентов.
Как правило такие скрипты-загрузчики имеют fallback'и до флеша или обычной формочки в случае неподдерживаемости браузером модных фишек.

Спасибо большое, тогда есть смысл ставить именно этот загрузчик.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий