a web különböző fájltípusok alapjaira épül. Legyen szó fényképekről, videotartalomról, például filmekről, személyes Word-dokumentumokról, szöveges dokumentumokról vagy programorientált fájlokról, folyamatosan cseréljük a fájlokat egymással.

Ez az egyik fő oka annak, hogy léteznek olyan szolgáltatások, mint a Dropbox, hogy segítsen nekünk kezelni és szinkronizálni fájljainkat bárhol is vagyunk. Ha Ön rendszeres internet-felhasználó, akkor tudni fogja, hogy nagyon fontos a fájlmegosztás, és mennyire fontos lehet, hogy hozzáférjenek a megbízható fájlmegosztó szolgáltatások annak érdekében, hogy megosszák a fájlokat biztonságos, kényelmes és hatékony módon.

Ha egy web fejlesztő, lehet, hogy vonzza az ötlet, hogy az épület saját fájlcserélő honlapon, vagy talán keres, hogy bók egy meglévő web design egy fájl megosztása funkció, ami hagyja, hogy a vásárlók vagy a látogatók, hogy osszák meg a saját fájlok.

számos módja van annak, hogy megnézzük, de ahhoz, hogy még ilyen messzire is eljuthassunk, megbízható megoldást kell találnunk a fájlok feltöltésére és kezelésére saját magunk, mások nevében. Ezért gyűjtöttünk össze egy listát a legkiemelkedőbb és a legjobb jQuery fájl feltöltési szkriptek, hogy képes lesz használni a feltöltés, illetve optimalizálja a fájlokat.

mivel olyan sok választási lehetőség van, szeretnénk megemlíteni, hogy nincs más választás a legjobb, hanem minden követelménynek alaposan meg kell vizsgálnia a végső célt, tehát ha személyes fájlfeltöltő szkriptet szeretne létrehozni a személyes fájlok feltöltéséhez, akkor válasszon egy minimálisabb feltöltési szkriptet, de ha a napirendje egy többfunkciós fájlkezelő webhely létrehozása, nézze meg azokat a szkripteket, amelyek bővebb funkcionalitást biztosítanak, akkor biztos, hogy itt talál egy kicsit mindent a listánkban.

Closify

mint megtudtuk, a tartalomfeltöltők számos különböző célt szolgálhatnak, és a jQuery file uploader listánkat egy tökéletes példával kezdjük erre a kijelentésre. Closify egy jQuery kép feltöltése és kezelése könyvtár, amely a fejlesztők segítségével manipulálni képeket, amint feltöltötték, akár abból a célból, háttérkép honlapján, hogy használja a személyes közösségi script, hogy szüksége van a kép átméretezése a közösség tagjai, egy önálló képkezelő oldal a saját személyes igényeinek — a Closify lehet feltölteni a képeket, és ugyanabban az oldalon átméretezni, vágás és mentse őket. Az újonnan átméretezett vagy kivágott képek megtartják képarányukat, ami a szkriptet vonzóvá teszi még azok számára is, akik idézőjeleket osztanak meg.

letöltés

jQuery fájlfeltöltés

jQuery fájlfeltöltés tökéletes illusztrációja annak, hogyan működik a fájl feltöltése a jQuery-n belül, és hogyan használható fájlok egyszerű feltöltésére és mentésére. Ez a könyvtár kínál egy kicsit sokoldalúbb funkciók bár. Először is, jön 5 különböző stílusok közül lehet választani, beleértve a natív jQuery UI, valamint AngularJS fejlesztők, akiknek szükségük van egy gyors és megbízható fájlfeltöltő megoldás a projektek.

a Funkciók közé tartozik az azt jelenti, hogy a drag and drop több fájlt az asztalra vagy egy másik mappába egyenesen a feltöltő, törölheted a feltöltések is folytatni őket, van egy folyamatjelző minden feltöltés szóval, tudod, amikor a dolgok kész, azok a modern böngészők képesek lesznek képek szerkesztése után feltöltött, de ugyanaz a böngésző lehetővé teszi, hogy megnézze az összes feltöltött fájlok véglegesítése előtt. Működik minden szerver oldali platformon (PHP, Python, Ruby on Rails, Java, Node.js, Go stb.), amely támogatja a szabványos HTML form file feltöltések.

letöltés

jQuery.filer

jQuery.filer egy másik összetett jQuery fájlkezelő plugin, hogy jön tele a hagyományos, új funkciók, amelyek lehetővé teszik a mély fájl feltöltési élmény. Funkciók közé tartoznak a dolgok, mint a fájl validators-adja meg a korlátokat a fájlméret feltöltések, a fájlok száma, hogy lehet feltölteni, vagy akár a típusú fájlokat lehet feltölteni. Egy szerkesztő, amely lehet használni, hogy akár előnézeti fájlokat, vagy közvetlenül szerkeszteni őket a böngésző-tekintettel arra, hogy a böngésző támogatja a szükséges API kéri az ilyen események. jQuery.a filer saját API-t is tartalmaz, ami azt jelenti, hogy szabadon manipulálhatja a feltöltő megjelenését és funkcionalitását. A dokumentáció a lehetséges hívások és események minden aspektusát lefedi, amelyeket azonnal el lehet kezdeni.

letöltés

Jquery Ajax File Uploader

Jquery Ajax File Uploader egy nagyszerű példa arra, hogy milyen egyszerű (mégis modern) fájlfeltöltők lehet. Itt van egy feltöltő, amely egy egyszerű fájlfeltöltési megközelítést használ több fájl opcióval, valamint egy egyszerű folyamatjelző widget ugyanazon az oldalon. Amellett, hogy épül a modern böngésző, ez a plugin lesz szükség egy kis JavaScript és AJAX tudás/készségek, hogy állítsa be a megfelelő paramétereket a konfigurációban, így létre a megfelelő élményt az Ön számára, de még akkor is — a legtöbb paraméter csak a hagyományos tömb beállításait, és nem igényel sok gondolkodás megváltoztatására. Beépített Bootstrap.

Download

Bootstrap File Input

a Bootstrap File Input egyszerűsége és hatásossága biztosan megnyeri Önt. Ez a fájlfeltöltő eszköz kompatibilis mind a Bootstrap 3, mind a 4 rendszerrel. Az integráció kicsit szellős lesz, ügyelve arra, hogy mindenki a lehető legtöbbet hozza ki belőle, kevés munkával. Tömeges műveletek, különböző fájltámogatás, előnézet és drag and drop tartalom, mindez és még több, amit Bootstrap Fájl bemenet sziklák az Ön kényelmét. Skim keresztül a telepítési információkat, majd összegyűjti a szükséges útmutatást a sima fájlfeltöltés funkció integrációját az alkalmazást. Ezenkívül ez egy ingyenes eszköz, ezért szívesen kipróbálhatja a vizeket, sőt hozzájárulhat hozzá.

Download

Filepond

Filepond egy okos név egy jQuery file upload script, amely bármit és mindent Elfogad. Ez egy JavaScript könyvtár, amely üdvözli az összes típusú fájlt, még az URL-ekkel, könyvtárakkal, foltokkal is működik, megnevezi. A lehetőségek, lehetőségek száma, amikor dolgozik Filepond-nem kell építeni a semmiből, milyen jó ez? A felhasználói élmény a Filepond kiváló teljesítménye miatt is mindig a ponton lesz. Drag and drop fájlok, billentyűzet navigáció, kép optimalizálás és teljes érzékenység, ezek néhány alapvető kiemeli, hogy Filepond sport. Igen, a Filepond ömlesztve is feltölthető.

letöltés

Dragio.js

a modern és kreatív megjelenés Dragio vonzó lesz elég sok bárki és minden projekt. Ezért a név, a Dragio észreveszi a kényelmes drag and drop funkciót, de támogatja a Ctrl + v (vagy Comand + v) opciót a billentyűzeten. Természetesen az elrendezés működik több modern eszközök, böngészők, köszönhetően a teljes folyékonyság. Nyugodtan nézze meg először Dragio-t, majd menjen onnan. A gyors végrehajtáshoz hozzáférhet a GitHub összes szükséges tartalmához, beleértve a telepítést és a dokumentációt is. Természetesen szabadon végezhet további testreszabási csípéseket a Dragio-hoz, így illeszkedik a projekthez vagy a webes alkalmazáshoz egy pólóhoz.

letöltés

Dropzone

a Dropzone egy modern drag and drop file uploader, amely a használni kívánt webhely komponens widgetjén belül működik, bár támogatja a hagyományos kattintási és feltöltési koncepciót is. Ha azt tervezi, hogy a Dropzone-t használja a képfeltöltéshez, a könyvtár támogatja az élő képszerkesztést a fájlok feltöltése után — szerkesztés, átméretezés, vágás stb. Minden fájl elérési útja és Fájltípus-konfigurációja a háttérben történik, ezért a szkript futtatása előtt a konfigurációs fájlokkal együtt kell működnie egy termelési kiszolgálón. A hivatalos Dropzone honlap minden dokumentációt meg kell kezdeni azonnal.

Download

Fine Uploader

egy másik teljes körű jQuery file uploader megoldás neve Fine Uploader-egy nagyon népszerű jQuery könyvtár fájlok feltöltésére, kezelésére és méretezésére. Néhány stand ki jellemzői Jól Feltöltő közé tartozik az a képesség, hogy újra sikertelen állományok feltöltését, nem az elején, de az utolsó darabot, hogy nem is feltöltött — ez is egy része a tényleges könyvtár nevű fájl feldarabolását, illetve felosztása. A Fine Uploader teljes mértékben támogatja a felhőalapú fájlkezelést, ami azt jelenti, hogy fájlokat tölthet fel az Amazon S3-ra vagy a Microsoft Azure-jára, valamint más egyszerűbb funkciók közé tartozik a fájlok szerkesztésének, törlésének engedélyezése. Ez nagyjából egy teljes körű megoldás minden olyan webhely számára, amely megbízható fájlfeltöltési megoldást igényel, ahol talán az aktív felhasználók nagyobb közössége vesz részt.

letöltés

áramlás.js

tartsuk a fájlfeltöltő szkriptek áramlását, egy másik nagyszerű erőforrással, a Flow – val.js! Flow.a JS egy JavaScript könyvtár, amely a HTML5 Fájl API-n keresztül több egyidejű, stabil és újraindítható feltöltést biztosít. A könyvtár nem igényel harmadik fél függőségeket. Olyan képességekkel rendelkezik, mint a fájlfeltöltések szüneteltetése és folytatása, az elveszett feltöltések helyreállítása, valamint a feltöltőn belüli hibák kezelése. Ez egy drag and drop fájl feltöltési megoldás, képes feltölteni a teljes mappák, fájl előnézet képfájlok. Ezenkívül előrehaladási sávokkal rendelkezik, hogy ellenőrizze a feltöltött fájl előrehaladását. Chunk feltöltések, hogy megbizonyosodjon arról, hogy lehet visszaállítani az elveszett darabokat feltöltések, amelyek nem sikerült, hanem folytassa őket, hogy pont, hogy időt takaríthat meg, fejfájás.

letöltés

Formstone

Formstone egyedülálló a listánkon oly módon, hogy valójában sok termék egyetlen projekten belül. De a Formstone-nak van egy feltöltési komponense, ami egy nagyon használható és nagyon funkcionális fájlfeltöltési megoldás. Ez a megoldás a weboldalak és alkalmazások, mind a kis, mind a nagy. A könnyű komponens tartalmaz egy egyszerű drag&drop interfész (click interaction), amely lehetővé teszi, hogy feltölteni egy vagy több fájlt egy könnyű folyamatjelző csatolt. Ez egy nagyon hatékony megoldás olyan webhelyek számára, amelyek extra összetevőket keresnek a hozzájuk csatolt nehéz zsír nélkül. De a Formstone önmagában is projekt. Össze lehet varrni a többi néhány tucat komponenst, és ebből létre lehet hozni egy webes vagy alkalmazásprojektet. Tudjon meg többet a Formstone-ról, hogy teljes mértékben megértse az általuk kínált összetevők sokfélesége közötti kölcsönhatást.

Download

File Uploader

File Uploader egy elegáns és technikai példa arra,hogy a modern böngészők is nagy. Támogatják a modern webes felhasználó gyors és hangos fájlfeltöltési igényeit. Különböző hívásokat hozhat létre a fájlok kezeléséhez, de a sok fő funkció valóban kiemelkedik. Ezek a drag and drop fájlfeltöltés, folyamatsávok, valamint az egyes fájlok feltöltésének képessége egy adott felhasználó számára. Ez a fájlfeltöltés az, ahol a felhasználó maga említi a nevét. Láthatjuk, hogy ez hogyan módosítható egy teljesen működőképes megoldás jelszóval védett fájl feltöltések, stb.

letöltés

PekeUpload

PekeUpload egy könnyű komponens megoldás web tervezők. Tudják használni, mint egy website widget fájlok feltöltésére egy jQuery + HTML5 kombinációja funkciók. Beépített Bootstrap, PekeUpload hihetetlenül könnyű stílus kínál tonna módon kiterjeszteni magát. A PekeUpload akkor továbbra is az irányítást a fájl feltöltések. Beállíthatja a fájlméret korlátait, majd kiválaszthatja azt a fájltípust, amelyet az összetevő el fog fogadni. Ha a hagyományos hibajelentések fáradtságot okoznak, biztos lehet benne, hogy beállíthatja saját egyéni hibajelentéseit. A vizuális tartalmat közvetlenül a feltöltés előtt és után is megtekintheti.

Download

gerinchálózat-feltöltési menedzser

a gerinchálózat struktúrát biztosít a JavaScript-nehéz alkalmazásokhoz azáltal, hogy kulcsértékű kötéseket és egyedi eseményeket, gyűjteményeket biztosít. Ezek gazdag API-t tartalmaznak számtalan funkcióval, valamint deklaratív eseménykezeléssel rendelkező nézeteket. Azt is csatlakoztathatja az összes meglévő alkalmazáshoz egy nyugodt JSON felületen keresztül. Ez egy nagyon jól ismert JavaScript keretrendszer, a gerinchálózat Feltöltéskezelő pedig tökéletes bók ennek a keretrendszernek és annak felhasználóinak. A felhasználói felület, valamint a tényleges tapasztalat, nagyon modern, egy erős listát a funkciók, képességek. Ezek olyan tulajdonságok, amelyeket csak egy szilárd keret, például a gerinc nyújthat.

letöltés

FileDrop

FileDrop.a js egy JavaScript-optimalizált fájlfeltöltő könyvtár, amely a közvetlen böngészőfájl-feltöltésre összpontosít. Egyedi értesítési figyelmeztetésekkel rendelkezik, sok más funkció nélkül. Válassza ki vagy húzza át a fájlokat, kattintson a Feltöltés gombra, majd várja meg, amíg értesítést kap a sikeres feltöltésről. Lehetőség van arra, hogy több fájlfeltöltést engedélyezzen, ha szükséges.

letöltés

FileAPI

a fejlesztők természetesen saját jQuery könyvtárat építhetnek a fájlkezeléshez. Van értelme, mivel sok tanulási élményt nyújt. Is, akkor a végén, hogy az egyik felelős a kódbázis. A probléma megoldásának másik módja egy olyan API-ra támaszkodni, amelyet egyetlen célra építettek. Ebben az esetben fájlfeltöltés és fájlkezelés. Javasoljuk, hogy vizsgálja meg FileAPI. Ez egy teljesen kifejlesztett projekt, amely biztosítja a szükséges funkciókat, hívásokat és eseményeket, hogy fájlfeltöltőket hozzon létre az asztali alkalmazásokhoz. Ezt mobilalkalmazások és általános webes projektek esetében is megtehetik.

letöltés

Plupload

Plupload egyike azoknak a projekteknek, hogy volt egy nagyon hosszú, hogy érett, de nem azért, mert tapasztalatlan. Ez azért van, mert volt egy korlátozott számú funkciók nyelvek voltak képesek biztosítani az interneten abban az időben. Most, hogy a HTML5 megváltoztatja a webes fejlesztési tájat, a Plupload valóban képes ragyogni. Plupload egy fájlfeltöltés menedzsment API, amely számos eszköz és funkció az épület megerősített fájlfeltöltők. Ezt néhány percen belül megtehetik, ahelyett, hogy több héten keresztül kódolná a sajátját.

letöltés

Folytatás.js

Ez egy egyszerű fájlfeltöltési környezetet biztosít, amely lehetővé teszi több feltöltést, szüneteltetést és feltöltést, valamint általános stabilitást. A nagy fájlokat könnyedén megoszthatja több darabra, hogy engedélyezze az újraindítható feltöltéseket. Biztos lehet benne, hogy a fájl továbbra is ugyanabból a helyről töltődik fel, ahonnan elhagyta. Akkor is feltöltheti a fájlt, ha a kapcsolat megszakad az átmenet során.

letöltés

Uploadify

mi lenne egy teljesen működő HTML5 fájlfeltöltővel, amely egy kis jQuery-t használ a felhasználói élmény csiszolására? Nos, az érdeklődők számára javasolhatjuk Uploadify. A fejlesztők JavaScript könyvtárral építették, és pontosan ezt a célt tartják szem előtt. A fejlesztők Flash verziót is hozzáadtak azok számára, akik hisznek a régi iskolai hagyományokban. Van egy létező közösségi fórum, tele témákkal és támogatási kérdésekkel. De, amit elmondhatunk, a közösségi fórumok nem igazán voltak aktívak az elmúlt néhány évben.

letöltés

Köszönjük, hogy meglátogatta Colorlib és olvassa el ezt a cikket! Nagyra értékeljük! Most érdemes megtanulni, hogyan lehet weboldalt készíteni az ingyenes WordPress témáink segítségével.