ХТМЛ5 - Отпремите датотеке

Када на једној страници имамо обрасце за прикупљање података ХТМЛ5 Осим што можемо да преузимамо податке са пољима за унос, можемо и да учитавамо датотеке, чиме можемо да убрзамо учитавање одређених података које је немогуће изразити у тексту или који могу бити веома дугачки, уобичајено је да се отпремају слике датотеке или пдф датотеке, будући да су ова два формата врло популарна, међутим Ајак можемо отпремити готово било коју врсту датотеке.
Додај фајлове
До отпремите датотеке користећи Ајак, морамо створити поље типа датотеке у облику и у нашој рутини Ајак користити објекат ФормДата помоћу којих ћемо прикупљати податке како бисмо им могли дати потребан формат и учитати нашу датотеку на сервер.
Објекат ФормДата мора се користити пажљиво јер можда још увек постоје верзије прегледача које га не подржавају у потпуности, међутим то је прилично чврсто решење.
Погледајмо у следећем коду како да извршимо основно отпремање датотека:

 ПримерБанане:Јабуке:Трешње:Датотека:Укупно:0 ставкиПредајте образац 

Приликом укључивања уноса типа датотеке, објекат ФормДата аутоматски прави аранжмане тако да се наша датотека може поставити на сервер, на следећој слици можемо видети како претраживач ово тумачи:

У овом случају то је била прилично лагана слика па се вријеме учитавања датотеке на сервер не примјећује, међутим, ако је у питању пдф од 30 МБ, вријеме би било много дуже, јер је ово транспарентно за корисника, могао би помислити да је страница не „ради било шта“ или је „размишљао“ да то избегне, можемо уградити траку напретка помоћу које напредак постаје видљив.
Да бисмо видели напредак успона, користићемо објекат КСМЛХттпРекуест ради провере статуса захтева Ајак:

 ПримерБанане:Јабуке:Трешње:Датотека:Напредак:Укупно:0 ставкиПредајте образац 

Дефинисали смо елемент напредак и са њим Објекат КСМЛХттпРекуест Можемо доделити вредности док отпремање напредује, у прегледачу то можемо видети на следећи начин:

ЕНЛАРГЕ

Можемо да користимо Ајак За много више од консултација са елементима на другим страницама, можемо га користити и за побољшање образаца када је у питању прикупљање података.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен