Gratuit ES5 / ES6 JavaScript de încărcare a fișierului Plugin - Uppy
Una dintre cele mai subtile forme de input pentru a proiecta este fișier încărcat. Are un stil HTML implicit, dar nu este cel mai frumos lucru din lume.
uppy ia încărcările de fișiere la un nivel complet nou cu un interfață personalizată și a dinamice proces de încărcare în stil Ajax.
Aceasta funcționează pe baza codului ES5 / ES6, astfel încât să puteți crea aplicațiile web cu cele mai recente standarde JavaScript. Și chiar asta acceptă încărcările de fișiere de pe site-urile de stocare în cloud cum ar fi Dropbox sau Google Drive, deci este a script de încărcare a fișierelor multiple pentru web.
Uppy este complet gratuit și open-source, cu un repo pe GitHub. Cu toate acestea, cel mai simplu mod de a instala acest plugin este prin npm sau Fire, astfel încât să puteți rulați-l ca un pachet real.
Odată ce ați primit fișierele adăugate pe site-ul dvs., pur și simplu includeți fișierul Uppy.js și codul CSS. Apoi, vizați orice câmp de intrare doriți și Uppy are grijă de restul.
Are o interfață unică arata ca o plasare mare pătrată pentru a trage și a lăsa fișierele. Poti de asemenea selectați elementele de pe hard disk sau chiar încărcați fișierele de la distanță de la adresele URL externe. Destul de nebun!
Puteți găsi întregul proces de configurare pe pagina de documentare, dar aceasta necesită cel puțin o înțelegere a ECMAScript 6. Această bibliotecă arată spre viitorul scripturilor și nu este cel mai simplu lucru pe care să-l folosiți cu JavaScript de puritate vanilie.
Dar, dacă sunteți serios în ceea ce privește dezvoltarea web-ului, merită să învățați ES6 oricum. Puteți găsi de tone de resurse online pentru auto-învățare și puteți chiar folosi Uppy ca prima ta “real” proiect pentru a se arunca cu capul și a începe învățarea.
Consultați Exemplul tabloului de bord pentru a consultați Uppy în acțiune. Pentru această pagină, încărcarea este ascunsă în spatele unui buton de declanșare, unde faceți clic pe buton pentru a afișa un câmp de încărcare modală.
De acolo, puteți selecta dacă doriți să încărcați o imagine de pe computer, de pe web sau chiar de pe camera web!
Pagina cu exemple oferă o mulțime de căutări, inclusiv a drag & drop exemplu, împreună cu un pagina demo internaționalizată.
Dar, pentru a învăța cu adevărat cum funcționează acest lucru, vă recomand să scanezi docs-urile și să navighezi prin repo-ul principal GitHub. De asemenea, puteți să vă împărtășiți gândurile cu creatorii de pe Twitter @transloadit.