HTML5 - įkelti failus

Kai viename puslapyje turime duomenų rinkimo formas HTML5 Be to, kad galime priimti duomenis su įvesties tipo laukais, mes taip pat galime įkelti failus, taip pagreitindami tam tikrų duomenų, kurių neįmanoma išreikšti tekstu arba kurie gali būti labai ilgi, įkėlimą, įprasta įkelti vaizdą failus ar pdf failus, nes šie du formatai yra labai populiarūs, tačiau Ajax galime įkelti beveik bet kokio tipo failus.
Įkelti failus
Į įkelti failus naudojant „Ajax“, mes turime sukurti failo tipo lauką tokia forma ir įprasta tvarka Ajax naudoti objektą FormData kuriuo mes rinksime duomenis, kad galėtume suteikti jiems reikiamą formatą ir įkelti savo failą į serverį.
Objektas FormData jis turi būti naudojamas atsargiai, nes vis dar gali būti naršyklių versijų, kurios to visiškai nepalaiko, tačiau tai yra gana tvirtas sprendimas.
Toliau pateiktame kode pamatysime, kaip įkelti pagrindinį failą:

 PavyzdysBananai:Obuoliai:Vyšnios:Failas:Iš viso:0 elementųPateikti formą 

Įtraukus failo tipo įvestį, objektas FormData automatiškai pasirūpina, kad mūsų failą būtų galima įkelti į serverį, šiame paveikslėlyje matome, kaip naršyklė tai interpretuoja:

Šiuo atveju tai buvo gana lengvas vaizdas, todėl failo įkėlimo į serverį laikas nėra pastebimas, tačiau jei tai būtų 30 MB pdf, laikas būtų daug ilgesnis, nes vartotojui tai yra skaidru, jis gali manyti, kad puslapis „nieko nedaro“ arba „galvojo“, kad to išvengtume, galime įtraukti progreso juostą, su kuria pažanga tampa matoma.
Norėdami pamatyti laipiojimo eigą, mes naudosime objektą XMLHttpRequest patikrinti užklausos būseną Ajax:

 PavyzdysBananai:Obuoliai:Vyšnios:Failas:Progresas:Iš viso:0 elementųPateikti formą 

Mes apibrėžėme elementą progresas ir su juo XMLHttpRequest objektas Įkėlimo metu galime priskirti vertes, naršyklėje tai matome taip:

DIDELIS

Mes galime naudoti Ajax Daug daugiau nei konsultaciniai elementai kituose puslapiuose taip pat galime jį naudoti, kad patobulintume savo formas, kai reikia surinkti duomenis.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką