Загрузить компоненты

Компоненты загрузки — это программные продукты, предназначенные для встраивания в веб-сайт с целью добавления к нему функций загрузки. Компоненты загрузки предназначены для замены стандартного механизма загрузки HTML 4. По сравнению с HTML4, компоненты загрузки имеют более удобный интерфейс и поддерживают более широкий спектр функций.

Загрузка HTML-файлов

Стандарт HTML4 поддерживает запрос данных с клиентского компьютера и их загрузку на сервер. Стандартным механизмом передачи данных этого типа являются HTML-формы. ^[1]^[2] С помощью HTML-форм файлы пользователя можно загружать, используя тег <input/> с различными атрибутами. Этот метод позволяет разработчикам веб-сайтов реализовать базовые функции загрузки. Однако он имеет следующие недостатки:

Загрузка нескольких файлов недоступна – пользователь может загрузить только 1 файл за раз.
Ограниченный размер загрузки — обычно невозможно отправить файлы размером до десятков мегабайт (МБ) через HTTP.
Никакой оптимизации перед загрузкой файлов нет.
Плохая визуализация – пользователь не видит никакой информации о ходе загрузки и примерном времени загрузки.
Предварительный просмотр выбранных файлов не поддерживается.
Неудобный внешний вид – пользователю неудобно выбирать файлы для загрузки.

Альтернативы загрузки HTML

Компоненты загрузки позволяют обойти ограничения и недостатки загрузки HTML, отмеченные ранее. Компонент загрузки — это плагин , который позволяет загружать файлы с клиента на сервер . Обычно компоненты загрузки разрабатываются сторонними компаниями и могут быть интегрированы с любым веб-сайтом на любой платформе . пользователя Веб-браузер отобразит встроенный компонент загрузки как часть веб-страницы. Компоненты загрузки могут быть созданы с использованием различных технологий: Flash , Silverlight , Java , ActiveX и HTML5 .

Сообщество W3C находится в процессе разработки стандарта HTML5, полная спецификация которого ожидается к 2014 году. ^[3] Предполагается, что HTML5 поддерживает мультимедийный контент без каких-либо плагинов или компонентов. Для функции загрузки используются новые API HTML5. ^[4] предлагают широкий спектр новых функций, включая доступ к файловой системе клиента, а также динамическую генерацию запросов и обработку изображений.

Новые функции HTML5 могут стать хорошей основой для реализации компонентов загрузки со сложным пользовательским интерфейсом и возможностью загрузки любого объема данных. К сожалению, на данный момент браузеры поддерживают эти функции частично и по-разному, что является серьезным препятствием. Ситуация усугубится, если вспомнить, что большое количество пользователей по-прежнему используют Windows XP (28%). ^[5] и устаревшие версии Internet Explorer (11%). ^[6]

Технологии создания компонентов загрузки

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

Технология	Браузеры	ТЫ	Мобильная ОС	Требования к клиентскому программному обеспечению
Java-апплеты	Интернет Эксплорер, Фаерфокс, Хром, Сафари, Опера	Windows, Mac OS X, Linux	Нет поддержки	Java-машина
Управление вспышкой	Интернет Эксплорер, Фаерфокс, Хром, Сафари, Опера	Windows, Mac OS X, Linux	Нет поддержки	Флэш-плеер
Элементы управления Silverlight Технологии Microsoft предпочтительнее.	Интернет Эксплорер, Фаерфокс, Хром, Сафари, Опера	Windows, Mac OS X, Linux (Лунный свет)	Нет поддержки	Плагин Silverlight
элементы управления HTML5	Chrome, Firefox, Опера, Сафари, Internet Explorer, Ограниченная поддержка	Windows, Mac OS X, Linux	iOS, Android, Windows Phone 7, Ограниченная поддержка	HTML5-совместимый веб-браузер
Элементы управления ActiveX	Интернет Эксплорер	Окна	нет поддержки	Интернет Эксплорер

Ява

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

Вспышка

Компоненты загрузки можно реализовать в виде элементов управления Adobe Flash . Flash — это платформа для запуска мультимедийных приложений в Интернете. 24% всех веб-сайтов используют компоненты Flash. ^[7] а Flash player установлен на 99% компьютеров, подключенных к Интернету. ^[8] Flash — это кроссплатформенная и кроссбраузерная технология, которая позволяет компонентам загрузки Flash работать в различных браузерах, за исключением мобильных платформ .

Сильверлайт

Другой тип компонентов загрузки — Silverlight , технология Microsoft, требующая установки подключаемого модуля браузера. По своим возможностям он очень похож на Adobe Flash и поддерживается большинством современных браузеров и операционных систем. Существуют версии Silverlight для Windows и Mac OS X , а также версия для Linux под названием Moonlight . Silverlight — одна из основных технологий, используемых при разработке приложений для Windows Phone .

HTML5

HTML5 — это новый стандарт HTML, разработанный для добавления поддержки мультимедиа в HTML. Он поддерживается в Windows, Mac OS X, Linux, iOS , Android и Windows Phone. Поскольку формат все еще находится в стадии разработки, а некоторые функции, используемые для загрузки файлов, все еще не являются частью стандарта, компоненты загрузки HTML5 в настоящее время не распространены. Их поддержка ограничена некоторым набором браузеров.

Поддержка HTML5 в настольных браузерах

Поддержка HTML5 постоянно улучшается. Наилучший охват возможностей HTML5 обеспечивается последними версиями Chrome , Firefox , Safari и Opera . Internet Explorer обеспечивает наименьшую поддержку. Internet Explorer 10 имеет меньшую поддержку, чем версии других браузеров; однако покрытие будет в два раза лучше, чем у Internet Explorer 9 . ^{[ нужны разъяснения ]}

Поддержка HTML5 мобильных платформ

iOS 5 имеет достаточно высокий уровень поддержки HTML5; однако уровень его поддержки остается ниже, чем у настольных браузеров.

Windows Phone 7.5 «Mango» имеет небольшую поддержку HTML5, что делает его сравнимым с отсутствием поддержки этого стандарта в настольном Internet Explorer 9.

Последняя версия Android 5.0 поддерживает гораздо больше функций HTML5, чем Windows Phone, но меньше, чем iOS.

Поддержка HTML5 в мобильных браузерах все еще находится в стадии разработки. ^[9]^[10]

Функции, недоступные при стандартной загрузке HTML4.

Компоненты загрузки предоставляют дополнительные функции и удобство для пользователя, которые не может обеспечить чистый HTML4.

Индикатор выполнения: Индикаторы выполнения используются для информирования пользователей о деталях процесса загрузки. Компоненты загрузки поддерживают индикаторы выполнения, отображающие такие параметры, как имена файлов, размеры файлов, скорость загрузки и т. д.
Загрузка нескольких файлов и папок: Некоторым веб-сайтам требуется поддержка загрузки нескольких файлов одновременно. Эта функция чрезвычайно важна для загрузки компонентов в социальные сети , фотогалереи , обмен файлами и т. д. Стандартный подход HTML4 является громоздким. Компоненты загрузки поддерживают загрузку нескольких файлов более гибким способом, например, позволяя упростить выбор файлов для одновременной загрузки из нескольких папок.
Загрузка огромных файлов: Загрузка огромного количества данных всегда является проблемой, поскольку размер запроса может быть слишком большим для успешного завершения процесса загрузки, возможно, из-за медленного или нестабильного подключения к Интернету. На стороне сервера могут быть ограничения на максимальный размер HTTP-запросов. Компоненты загрузки должны найти баланс между потребностями клиента, с одной стороны, и ресурсами и ограничениями сервера и канала — с другой. В случае доставки огромных файлов на компоненты сервера так называемая «загрузка чанка» перед началом процесса загрузки делит файл на несколько частей (кусков). Каждый фрагмент отправляется в ответ на один запрос; после того, как все фрагменты поступают на сервер, исходный файл собирается заново.
Безопасная загрузка: В процессе загрузки могут возникнуть непредвиденные проблемы или сбои, приводящие к сбою загрузки и повреждению файла. Для решения этих проблем компоненты загрузки имеют отказоустойчивые механизмы, такие как автоматическое возобновление процесса загрузки, отправка файлов по отдельности в одном пакете и загрузка частями.
Отправка дополнительных данных вместе с файлами: Иногда полезно отправить вместе с файлом дополнительные данные, например информационные описания или Exif / IPTC поля , или хеш-суммы , чтобы определить, был ли файл поврежден или поврежден в процессе загрузки.
Одновременная загрузка: Компоненты загрузки могут иметь функцию одновременной загрузки — отправку пакетов загрузки в несколько потоков . В некоторых случаях процесс загрузки выигрывает за счет увеличения общей скорости загрузки, уменьшения времени загрузки и более эффективного использования ресурсов компьютера.
Мгновенная загрузка: Такой подход позволяет начать загрузку файлов сразу после их добавления в очередь загрузки.
Загрузить в облачное хранилище: Компоненты загрузки могут загружать файлы в облачное хранилище .
Перетаскивание: Drag-n-Drop — это форма взаимодействия графического интерфейса пользовательской программы , которая включает в себя выбор одного объекта и перетаскивание его на другой объект. Drag-n-Drop широко распространен, поскольку помогает повысить удобство использования программы .
Настраиваемый внешний вид: Компоненты загрузки поддерживают настройку внешнего вида компонентов для соответствия дизайну веб-сайта с помощью таких конфигураций, как стили шрифтов, размеры, цвета или режимы просмотра, среди прочего.
Локализация: Как только компонент загрузки выходит на международный рынок, ему требуется поддержка перевода текстовых меток и сообщений интерфейса на другие языки. Обычно компоненты загрузки имеют настраиваемую поддержку наиболее широко используемых языков . Пользовательский интерфейс также может быть многоязычным. ^{[ нужны разъяснения ]} Для некоторых языков, таких как иврит, процесс локализации включает не только перевод, но и переключение на формат письма справа налево.
Проверка файлов на стороне клиента: Для экономии серверных ресурсов компоненты загрузки могут применять проверку на стороне клиента к файлам, выбранным для загрузки, в нескольких группах: типы файлов (которые могут быть выборочно определены или запрещены разработчиком), размер файла (который может быть установлен на минимальное/максимально допустимое значение). размеры) и размер изображения (минимальный/максимальный размер которого можно настроить среди других параметров).

Загрузка изображения

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

Изменить размер: Фотографии, сделанные современными цифровыми камерами, имеют высокое разрешение , но большинству веб-сайтов требуется изменение размера изображений для экономии полосы пропускания. Компоненты загрузки позволяют автоматически изменять размер и загружать изображения с исходным файлом или без него, а также миниатюрную копию для использования в качестве аватара и т. д.
Поворот: изображения Поворот — очень важная функция для веб-сайтов, предоставляющая пользователям базовые возможности редактирования изображений. Изображения либо автоматически поворачиваются (на основе данных Exif), либо пользователю разрешено вращать изображение вручную.
Обрезать: Обрезка позволяет пользователям выбирать часть изображения, которую следует где-то сохранить или распечатать. Обрезка предполагает удаление внешних частей изображения, чтобы выделить какой-либо объект на изображении или изменить соотношение сторон. ^{[ нужны разъяснения ]}
Водяные знаки: Водяной знак — это текстовое сообщение или изображение, наложенное поверх исходного изображения, которое используется для защиты интеллектуальной собственности или указания важной информации, такой как дата создания изображения, текстовые комментарии или авторские права. Компоненты загрузки могут включать функцию добавления водяных знаков ко всем загруженным изображениям.
Метаданные Exif/IPTC: Изображения могут содержать метаданные в различных форматах, например Exif или IPTC.; Поля Exif включают информацию с устройства, с которого был снят файл изображения: параметры камеры, дату и место съемки изображения, экспозицию, параметры объектива, данные GPS и другие. ^[11]; Поля IPTC содержат более конкретные данные, относящиеся к авторству изображения. ^[12] Для компонентов загрузки чрезвычайно важно сохранять метаданные исходного изображения в процессе загрузки.
Измеритель качества: Индикатор качества — это визуальный индикатор, показывающий качество изображения ( точек на дюйм , ширину, высоту), который помогает пользователю решить, достаточно ли изображение для использования. Примером использования индикатора качества может быть веб-сайт фотопечати со встроенным компонентом загрузки, который уведомляет пользователей, если разрешение изображения не подходит для его печати в выбранном формате.

Ссылки

^ Небель, Э.; Масинтер, Л. (1995). «Загрузка файлов на основе форм RFC 1867 в HTML» . дои : 10.17487/RFC1867 . {{cite journal}}: Для цитирования журнала требуется |journal= ( помощь )
^ «HTML-формы и ввод» .
^ «Рабочий проект W3C HTML5» .
^ «Спецификации W3C HTML5 API» .
^ «Статистика ОС W3C» .
^ «Статистика браузера W3C» .
^ «Опросы W3C по веб-технологиям. Использование Flash для веб-сайтов» .
^ «Статистика Adobe Flash. Проникновение ПК» .
^ «Статистика поддержки HTML5» .
^ «Статистика поддержки BrowserScope HTML5» .
^ «Спецификация Exif» . Архивировано из оригинала 27 ноября 2020 г. Проверено 15 июня 2012 г.
^ «Спецификация IPTC» . Архивировано из оригинала 16 июня 2012 г. Проверено 15 июня 2012 г.

[1] Небель, Э.; Масинтер, Л. (1995). «Загрузка файлов на основе форм RFC 1867 в HTML» . дои : 10.17487/RFC1867 . {{cite journal}}: Для цитирования журнала требуется |journal= ( помощь )

[2] «HTML-формы и ввод» .

[w3-3] «Рабочий проект W3C HTML5» .

[4] «Спецификации W3C HTML5 API» .

[5] «Статистика ОС W3C» .

[6] «Статистика браузера W3C» .

[7] «Опросы W3C по веб-технологиям. Использование Flash для веб-сайтов» .

[8] «Статистика Adobe Flash. Проникновение ПК» .

[9] «Статистика поддержки HTML5» .

[10] «Статистика поддержки BrowserScope HTML5» .

[11] «Спецификация Exif» . Архивировано из оригинала 27 ноября 2020 г. Проверено 15 июня 2012 г.

[12] «Спецификация IPTC» . Архивировано из оригинала 16 июня 2012 г. Проверено 15 июня 2012 г.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]