Nemokama ES5 / ES6 „JavaScript“ failų įkėlimo papildinys - „Uppy“

Vienas iš sudėtingiausių formų įvedimų yra Failo ikelimas. Ji turi numatytąjį HTML stilių, tačiau tai nėra gražiausias dalykas pasaulyje.

Uppy failų įkėlimą į naują lygį pasiekia a pritaikyta sąsaja ir a dinaminis Ajax stiliaus pakrovimo procesas.

Tai veikia ES5 / ES6 kodą, todėl galite kurti savo žiniatinklio programas su naujausiais „JavaScript“ standartais. Ir netgi palaiko failų įkėlimą iš debesų saugyklų pvz., „Dropbox“ arba „Google“ diskas, todėl jis yra daugialypis failų įkėlimo scenarijus žiniatinklyje.

Uppy yra visiškai nemokama ir atviro kodo, su „GitHub“ repo. Tačiau paprasčiausias būdas įdiegti šį papildinį yra per npm arba siūlą, todėl galite paleiskite ją kaip tikrą paketą.

Kai gausite failus, pridėtus prie jūsų svetainės, jūs tiesiog įtraukti Uppy.js failą ir CSS kodą. Tada nukreipiate bet kurį norimą įvesties lauką ir Uppy rūpinasi likusia.

Ji turi unikalią sąsają atrodo kaip viena didelė aikštė nuvilkti failus. Tu taip pat gali pasirinkite elementus iš standžiojo disko ar net įkelti failus nuotoliniu būdu iš išorinių URL. Gana crazy!

Visą sąrankos procesą galite rasti dokumentacijos puslapyje, bet tai reikia bent jau šiek tiek suprasti ECMAScript 6. Ši biblioteka žiūri į scenarijų ateitį ir nėra paprasčiausias dalykas, naudojamas su grynu vaniliniu „JavaScript“.

Tačiau, jei rimtai domitės žiniatinklio kūrimu, bet kokiu atveju verta mokytis ES6. Tu gali rasti tonų išteklių internete už savarankišką mokymą ir netgi galite naudoti Uppy kaip savo pirmąjį “tikras” projektas, skirtas nardyti ir pradėti mokytis.

Peržiūrėkite „Dashboard“ pavyzdį žr. Šiame puslapyje įkėlimas yra paslėptas už mygtuko, kur spustelėsite mygtuką, kad būtų rodomas modalinio įkėlimo laukas.

Iš ten galite pasirinkti, ar norite įkelti nuotrauką iš kompiuterio, žiniatinklio ar net iš savo interneto kameros!

Puslapyje „Pavyzdžiai“ galima pamatyti krūva, įskaitant: vilkite ir atsispauskite pavyzdį, kartu su tarptautinis demo puslapis.

Tačiau, norint sužinoti, kaip tai veikia, aš rekomenduoju nuskleisti dokumentus ir naršyti pagrindiniame „GitHub“ repo. Taip pat galite pasidalinti savo mintimis su „Twitter @transloadit“ kūrėjais.