Voľný ES5 / ES6 súbor na odovzdávanie súborov JavaScript

Jeden z najtvrdších vstupov na tvorbu je nahranie súboru. Má predvolený štýl HTML, ale nie je to najkrajšia vec na svete.

uppy odovzdáva súbory na úplne novú úroveň a vlastné rozhranie a a dynamický režim nakladania v štýle Ajax.

to beží na kóde ES5 / ES6, takže si môžete vytvoriť webové aplikácie s najnovšími štandardmi jazyka JavaScript. A to dokonca podporuje nahrávanie súborov zo stránok úložiska v cloude ako napríklad Dropbox alebo Disk Google, takže je to skvelý skript na nahrávanie súborov pre web.

Uppy je úplne zadarmo a open-source, s repo na GitHub. Avšak najjednoduchší spôsob, ako nainštalovať tento plugin je npm alebo priadza, takže môžete spustite ju ako skutočný balík.

Akonáhle sa dostanete súbory pridané na vaše webové stránky, stačí zahrňte súbor Uppy.js a kód CSS. Potom sa zameriavate na ľubovoľné vstupné pole a Uppy sa stará o ostatné.

Má jedinečné rozhranie, ktoré vyzerá ako veľké štvorcové umiestnenie na presúvanie súborov. Môžete tiež vyberte položky z pevného disku alebo dokonca nahrajte súbory vzdialene z externých adries URL. Docela blázon!

Celý proces inštalácie nájdete na stránke dokumentácie, ale je to vyžaduje aspoň nejakú znalosť ECMAScript 6. Táto knižnica sa pozerá na budúcnosť skriptovania a nie je najjednoduchšia vec s čistým vanilkovým JavaScriptom.

Ale ak máte vážny záujem o vývoj webových aplikácií, tak stojí za to, aby ste sa ES6 učil. Môžeš nájsť ton online zdrojov pre výučbu samého seba a môžete dokonca používať Uppy ako svoju prvú “reálny” projekt ponorte do & začnite učiť.

Pozrite si príklad Dashboard na pozrite Uppy v akcii. Pre túto stránku, nahrávanie je skryté za tlačidlo spúšte, kde kliknete na tlačidlo pre zobrazenie políčka na odovzdanie režimu.

Odtiaľ môžete vybrať, či chcete odovzdať obrázok z počítača, z webu alebo dokonca z webovej kamery!

Stránka s príkladmi ponúka skupinu, na ktorú sa môžete pozrieť, vrátane a drag & drop príklad, spolu s internacionalizovaná demo stránka.

Aby som sa naozaj dozvedel, ako to funguje, odporúčam skenovanie dokumentov a prezeranie hlavného repo GitHub. Môžete tiež zdieľať svoje myšlienky s tvorcami na Twitter @transloadit.