ЗАГРУЗІЦЬ ФАЙЛ НА СТАРОНКУ HTML

Для таго каб можна было загружаць на сервер адзін або некалькі файлаў, у форме ўжываецца адмысловае поле. У браўзэрах Firefox, IE і Opera такі элемент адлюстроўваецца як тэкставае поле, побач з якім размяшчаецца кнопка з надпісам «Агляд ...» (мал. 1). У Safari і Chrome даступная толькі кнопка «Вылучыце файл» (мал. 2).

Мал. 1. Від поля для загрузкі файла ў Firefox

Мал. 2. Загрузка файлаў у Chrome

Пры націску на кнопку адкрываецца акно для выбару файла, дзе можна паказаць, які файл карыстальнік жадае выкарыстоўваць.

Сінтаксіс поля для адпраўкі файла наступны.

Атрыбуты пералічаныя ў табл. 1.

Табл. 1. Атрыбуты поля для адпраўкі файла

атрыбут апісанне
прымаць Ўсталёўвае фільтр на тыпы файлаў, якія вы можаце адправіць праз поле загрузкі файлаў.
памер Шырыня тэкставага поля, якое вызначаецца лікам сімвалаў монашырыннага шрыфта.
множны Дазваляе выбіраць і загружаць адразу некалькі файлаў.
імя Імя поля, выкарыстоўваецца для яго ідэнтыфікацыі апрацоўшчыкам формы.

Перш, чым выкарыстоўваць дадзенае поле, у форме неабходна зрабіць наступнае:

  1. задаць метад адпраўкі дадзеных POST (method = "post");
  2. усталяваць у атрыбуту enctype значэнне multipart / form-data.

Форма для загрузкі файла прадэманстравана ў прыкладзе 1.

Прыклад 1. Стварэнне палі для адпраўкі файла





Отправка файла на сервер







Хоць можна ўсталяваць шырыню поля праз атрыбут size, у рэчаіснасці шырыня ніяк не ўплывае на вынік працы формы. У браўзэрах Safari і Chrome гэты атрыбут наогул ніякага ўздзеяння не аказвае.

Атрыбут multiple больш важны, ён дазваляе не абмяжоўвацца адным файлам для выбару, а паказаць іх адразу некалькі для адначасовай загрузкі.

Чытай яшчэ:   ПАСЛЯ зменіце матчын поплатак НЕ магу запусціць WINDOWS

Калі атрыбут accept не называць, тады дадаюцца і загружаюцца файлы любога тыпу. Наяўнасць accept дазваляе абмежаваць выбар файла, што асабліва важна, калі патрабуецца загрузіць толькі малюнак або відэа. У якасці значэння выступае тып MIME, некалькі значэнняў падзяляюцца паміж сабой коскі. Таксама можна выкарыстоўваць наступныя ключавыя словы:

  • audio / * - выбар музычных файлаў любога тыпу;
  • image / * - графічныя файлы;
  • video / * - відэафайлы.

У табл. 2 паказаны некаторыя дапушчальныя значэння атрыбуту accept.

Табл. 2. Тыпы файлаў

значэнне апісанне
малюнак / JPEG Толькі файлы ў фармаце JPEG.
малюнак / JPEG, малюнак / PNG Толькі файлы ў фармаце JPEG і PNG.
малюнак / * Любыя графічныя файлы.
малюнак / *, відэа / * Любыя графічныя і відэафайлы.

Выкарыстанне дадатковых атрыбутаў паказана ў прыкладзе 2.

Прыклад 2. Загрузка фатаграфій





Загрузка файла



Загрузите ваши фотографии на сервер






Не ўсе браўзэры падтрымліваюць новыя атрыбуты. IE цалкам ігнаруе multiple і accept, Safari не падтрымлівае accept, а Firefox не працуе з MIME-тыпам, толькі з ключавымі словамі. Таму ў прыкладзе вышэй спецыяльна для Firefox ўстаноўлена значэнне image / *, image / jpeg. Таксама ўлічыце дзіўную памылку ў Оперы, яна не дапускае прабелы пасля коскі ўнутры accept.

Вынік прыкладу паказаны на мал. 3. Звярніце ўвагу, што з-за наяўнасці multiple некалькі змяніўся выгляд поля.

Загрузка файлаў у Opera
Мал. 3. Загрузка файлаў у Opera

рэкламныя

рэкламныя

Чытай на іншых мовах

 беларускіанглійская Нямецкі іспанскі французскі італьянскі партугальская турэцкі арабская ўкраінскі шведскі венгерская балгарскі эстонскі Кітайскі (спрошчаны) в'етнамская румынская тайская славенская славацкая сербская малайская нарвежская латышская Літоўскі карэйская японскі інданезійская хіндзі іўрыт фінскі грэцкі нідэрландская чэшскі дацкая харвацкая Кітайскі (традыцыйны) тагальская урду Азейбарджанский армянскіпольскі бенгальская грузінскі казахскі каталонская Mongolski руская Таджитский Tamil'skij тэлугу Узбецкий

дадаць каментар

Ваш e-mail не будзе апублікаваны. Абавязковыя палі пазначаныя *