Il web è costruito su una base di diversi tipi di file. Che si tratti di fotografie, contenuti video come film, documenti Word personali, documenti di testo o file orientati alla programmazione, siamo in continua evoluzione e lo scambio di file tra loro.

È uno dei motivi principali per cui esistono servizi come Dropbox, per aiutarci a gestire e sincronizzare i nostri file ovunque ci troviamo. Se sei un normale utente di Internet, saprai l’importanza della condivisione di file e quanto possa essere cruciale avere accesso a servizi di condivisione di file affidabili per condividere i nostri file in modo sicuro, conveniente ed efficace.

Se sei uno sviluppatore web, potresti essere attratto dall’idea di costruire il tuo sito Web di condivisione di file, o forse stai cercando di complimentarti con un web design esistente con una funzionalità di condivisione di file che consentirebbe ai tuoi clienti o visitatori di condividere i propri file.

Ci sono molti modi per guardarlo, ma per arrivare così lontano, dobbiamo trovare una soluzione affidabile per caricare e gestire i file per conto nostro e per conto degli altri. Questo è il motivo per cui abbiamo raccolto un elenco dei più importanti e migliori script di caricamento di file jQuery che si sarà in grado di utilizzare per il caricamento e l’ottimizzazione dei file.

Perché ci sono così tante scelte, vogliamo ricordare che nessuna scelta è la migliore, ma invece si dovrebbe attentamente indagare l’obiettivo finale per ciascun requisito, quindi, se si sta cercando di creare un personale per il caricamento di file di script per l’upload dei vostri file personali, quindi scegliere una più minimo il caricamento di script, ma se la tua agenda è quello di creare un multi-funzionale per la gestione dei file del sito web, dare un’occhiata allo script che forniscono ulteriori funzionalità estese, siete sicuri di trovare un po ‘ di tutto nel nostro elenco.

Closify

Come abbiamo imparato, i caricatori di contenuti possono servire a molti scopi diversi e iniziamo la nostra lista di caricatori di file jQuery con un esempio perfetto di questa affermazione. Closify è un jQuery image upload e gestione di biblioteca che gli sviluppatori possono utilizzare per modificare le immagini non appena vengono caricati, se lo scopo di una carta da parati sito web, da utilizzare per una comunità di persone script di ridimensionamento dell’immagine per i membri della comunità, autonoma per la gestione dell’immagine di pagina per le vostre esigenze personali — con Closify si possono caricare immagini, e nella stessa pagina di ridimensionare, ritagliare e salvare. Le tue immagini appena ridimensionate o ritagliate mantengono le loro proporzioni, il che rende lo script attraente anche per coloro che sono in condivisione di immagini di citazioni e così via.

Scarica

jQuery File Upload

jQuery File Upload è l’illustrazione perfetta di come il caricamento dei file funziona all’interno di jQuery e come può essere utilizzato per il semplice caricamento e salvataggio dei file. Questa libreria offre una gamma leggermente più versatile di funzioni però. Per cominciare, viene fornito con 5 diversi stili tra cui scegliere, tra cui jQuery UI nativo, e anche per gli sviluppatori AngularJS che hanno bisogno di una soluzione di caricamento di file rapido e affidabile per i loro progetti.

le Caratteristiche includono il mezzo per trascinare più file dal desktop o in un’altra cartella a destra in uploader, puoi cancellare il tuo upload e anche riprendere, c’è una barra di avanzamento per ogni upload in modo da sapere quando le cose stanno per essere finito, quelli con i moderni browser sarà in grado di modificare le immagini dopo che sono state caricate, e lo stesso browser consente di visualizzare l’anteprima di tutti i file caricati prima di finalizzare. Funziona con qualsiasi piattaforma lato server (PHP, Python, Ruby on Rails, Java, Node.js, vai ecc.) che supporta i caricamenti di file HTML standard.

Scarica

jQuery.filer

jQuery.filer è un altro complesso plugin per la gestione dei file jQuery che viene imballato con le caratteristiche tradizionali e nuove che consentiranno una profonda esperienza di caricamento dei file. Le caratteristiche includono cose come validatori di file-specificare i limiti dei caricamenti dimensione del file, il numero di file che possono essere caricati, o anche il tipo di file che possono essere caricati. Un editor che può essere utilizzato per visualizzare in anteprima i file o modificarli direttamente dal browser, dato che il browser supporta le chiamate API necessarie per tali eventi. jQuery.filer dispone anche di una propria API, il che significa che puoi manipolare liberamente l’aspetto e la funzionalità del tuo uploader. La documentazione copre tutti gli aspetti di possibili chiamate ed eventi che è possibile iniziare a utilizzare subito.

Scarica

jQuery Ajax File Uploader

jQuery Ajax File Uploader è un ottimo esempio di come semplici (ma moderni) uploader di file possono essere. Qui abbiamo un uploader che utilizza un semplice approccio di caricamento dei file con l’opzione più file e un semplice widget della barra di avanzamento all’interno della stessa pagina. Oltre ad essere costruito per il browser moderno, questo plugin richiederà un po ‘ di conoscenza/abilità JavaScript e AJAX per impostare i parametri appropriati all’interno della configurazione in modo da poter creare l’esperienza giusta per te, ma anche allora — la maggior parte dei parametri sono solo impostazioni di array tradizionali e non richiedono molto pensiero per cambiare. Costruito con Bootstrap.

Scarica

Bootstrap File Input

La semplicità e la potenza di Bootstrap File Input vi conquisterà di sicuro. Questo strumento di caricamento dei file è compatibile sia con Bootstrap 3 e 4. L’integrazione sarà un po ‘ brezza, assicurandosi che tutti ottiene il massimo da esso con poco lavoro necessario. Azioni di massa, vari file di supporto, anteprima e trascinare e rilasciare i contenuti, tutto questo e molto altro è ciò che le rocce di input di file Bootstrap per la vostra convenienza. Scremare le informazioni di installazione e raccogliere tutte le indicazioni necessarie per l’integrazione di funzionalità di caricamento dei file liscia per la vostra applicazione. Inoltre, si tratta di uno strumento gratuito, quindi siete invitati a testare le acque e anche contribuire ad esso.

Scarica

Filepond

Filepond è un nome intelligente per uno script di caricamento di file jQuery che accetta qualsiasi cosa e tutto. Si tratta di una libreria JavaScript che accoglie tutti i tipi di file, funziona anche con URL, directory, blob, è il nome. Le opzioni e le possibilità sono numerose quando si lavora con Filepond – e non è necessario costruirlo da zero,quanto è bello? L’esperienza utente sarà anche sul punto in ogni momento a causa delle eccellenti prestazioni di Filepond. Trascinare e rilasciare i file, navigazione da tastiera, ottimizzazione delle immagini e completa reattività, questi sono alcuni dei punti salienti principali che Filepond sport. Sì, è possibile utilizzare Filepond per il caricamento in blocco, anche.

Scarica

Dragio.js

L’aspetto moderno e creativo di Dragio si rivolge a praticamente chiunque e qualsiasi progetto. Da qui il nome, Dragio individua la comoda funzione drag and drop, ma supporta anche l’opzione Ctrl + v (o Comand + v) sulla tastiera. Naturalmente, il layout funziona su più dispositivi moderni e browser web, grazie alla sua completa fluidità. Sentitevi liberi di anteprima Dragio prima e andare da lì. Hai accesso a tutti i contenuti necessari su GitHub, inclusa l’installazione e la documentazione, per l’esecuzione rapida. Naturalmente, sei libero di eseguire ulteriori modifiche di personalizzazione a Dragio, quindi si adatta al tuo progetto o applicazione Web a un tee.

Scarica

Dropzone

Dropzone è un moderno uploader di file drag and drop che funziona all’interno di un widget componente sul sito web che si sta tentando di usarlo, anche se supporta il tradizionale concetto di clic e caricamento. Se si prevede di utilizzare Dropzone per il caricamento delle immagini, la libreria supporta la modifica delle immagini in tempo reale dopo il caricamento dei file: modifica, ridimensionamento, ritaglio, ecc. Tutti i percorsi dei file e le configurazioni del tipo di file avvengono in background, quindi è necessario lavorare con i file di configurazione prima di avviare lo script su un server di produzione. La homepage Dropzone ufficiale ha tutta la documentazione necessaria per iniziare subito.

Scarica

Fine Uploader

Un’altra soluzione di uploader di file jQuery su vasta scala si chiama Fine Uploader-una libreria jQuery molto popolare per caricare, gestire e ridimensionare i file. Alcune delle caratteristiche distintive di Fine Uploader includono la possibilità di riprovare i caricamenti di file non riusciti, non dall’inizio, ma dall’ultimo blocco che non è stato caricato — questa è anche una parte della libreria effettiva, chiamata chunking e splitting di file. Fine Uploader supporta pienamente la gestione dei file cloud, il che significa che è possibile caricare file su Amazon S3 o Azure di Microsoft, e altre caratteristiche più semplici includono il permesso di modificare, eliminare i file mentre vengono caricati. Questa è praticamente una soluzione completa per qualsiasi sito che ha bisogno di una soluzione di caricamento di file affidabile in cui è coinvolta forse una comunità più ampia di utenti attivi.

Scarica

Flusso.js

Manteniamo il flusso dei nostri script di uploader di file in corso, con un’altra grande risorsa chiamata Flow.js! Flusso.js è una libreria JavaScript che fornisce più caricamenti simultanei, stabili e ripristinabili tramite l’API del file HTML5. La libreria non richiede dipendenze di terze parti. È dotato di funzionalità come mettere in pausa e riprendere i caricamenti di file, per recuperare i caricamenti persi e per gestire gli errori all’interno dell’uploader. Ha una soluzione di caricamento di file drag and drop, possibilità di caricare intere cartelle e anteprima dei file per i file di immagine. Inoltre, ha barre di avanzamento per tenerti sotto controllo sullo stato di avanzamento del file che stai caricando. Chunk upload per assicurarsi che è possibile recuperare eventuali pezzi persi da upload che hanno fallito, e invece riprenderli da quel punto per risparmiare tempo, e mal di testa.

Scarica

Formstone

Formstone è unico nella nostra lista in un modo che è in realtà una moltitudine di prodotti all’interno di un singolo progetto. Ma Formstone ha un componente di upload che è una soluzione di gestione del caricamento di file molto utilizzabile e molto funzionale. Offrono questa soluzione per siti web e app, sia piccole che grandi. Il componente leggero presenta una semplice interfaccia di trascinamento&(con interazione con clic) che consente di caricare file singoli o multipli con una barra di avanzamento leggera collegata. Si tratta di una soluzione molto efficace per i siti web che sono alla ricerca di componenti aggiuntivi senza il grasso pesante collegato a loro. Ma anche, Formstone è un progetto in sé. È possibile cucire insieme le altre poche decine di componenti e creare un progetto web o app da quello. Scopri di più su Formstone per comprendere appieno l’interazione tra la varietà di componenti che hanno da offrire.

Download

File Uploader

File Uploader è un esempio elegante e tecnico di come i moderni browser web possono essere grandi. Possono supportare le esigenze di upload di file veloci e audio dell’utente web moderno. È possibile creare varie chiamate per aiutare a gestire i file, ma le molte caratteristiche principali davvero spiccano. Questi sono il caricamento di file drag and drop, le barre di avanzamento e la possibilità di allocare ciascun caricamento di file a un utente specifico. Questo caricamento di file è dove l’utente stesso menziona il suo nome. Possiamo vedere come potrebbe essere modificato in una soluzione completamente funzionale per i caricamenti di file protetti da password e così via.

Scarica

PekeUpload

PekeUpload è una soluzione leggera per i web designer. Possono usarlo come un widget sito web per il caricamento di file utilizzando una combinazione di funzionalità jQuery + HTML5. Costruito con Bootstrap, PekeUpload è incredibilmente facile da stile e offre tonnellate di modi per estendersi. Con PekeUpload si rimane in controllo dei vostri caricamenti di file. È possibile impostare limiti di dimensione del file e scegliere il tipo di file che il componente accetterà. Se le notifiche di errore tradizionali ti fanno stancare, ti assicuro che puoi impostare le tue notifiche di errore personalizzate. È possibile visualizzare in anteprima il contenuto visivo direttamente prima e dopo il caricamento.

Download

Backbone Upload Manager

Backbone fornisce struttura alle applicazioni JavaScript-pesante, fornendo modelli con chiave-valore vincolante ed eventi personalizzati, collezioni. Contengono una ricca API di funzioni enumerabili e viste con gestione degli eventi dichiarativi. Può anche collegarlo a tutta l’applicazione esistente su un’interfaccia JSON RESTful. È un framework JavaScript molto noto e Backbone Upload Manager è il complemento perfetto per questo framework e per i suoi utenti. L’interfaccia utente, e l’esperienza reale, è molto moderno con una forte lista di caratteristiche e funzionalità. Queste sono qualità che solo un quadro solido come Backbone potrebbe fornire.

Scarica

FileDrop

FileDrop.js è una libreria di caricamento di file ottimizzata per JavaScript che si concentra sul caricamento diretto dei file del browser. Ha avvisi di notifica personalizzati, senza molte altre funzionalità. Seleziona o trascina i tuoi file, fai clic su Carica e attendi che tu venga avvisato di un caricamento riuscito. C’è la possibilità di abilitare più caricamenti di file, se necessario.

Scarica

FileAPI

Gli sviluppatori possono ovviamente creare la propria libreria jQuery per la gestione dei file. Ha senso, in quanto fornisce un sacco di esperienza di apprendimento. Inoltre, finisci per essere il responsabile della base di codice. Un altro modo per risolvere il problema è affidarsi a un’API che è stata creata per un unico scopo. In questo caso, è il caricamento dei file e la gestione dei file. Si consiglia di guardare in FileAPI. È un progetto completamente sviluppato che fornisce le funzioni, le chiamate e gli eventi necessari per creare caricatori di file per le app desktop. Possono anche farlo per applicazioni mobili e progetti web generali.

Scarica

Plupload

Plupload è uno di quei progetti che ha richiesto molto tempo per maturare, ma non perché fosse inesperto. È perché c’era un numero limitato di funzionalità che le lingue erano in grado di fornire per il web al momento. Ora che HTML5 sta cambiando il panorama di sviluppo web, Plupload è davvero in grado di brillare. Plupload è un’API di gestione del caricamento di file che fornisce una serie di strumenti e funzionalità per la creazione di caricatori di file rafforzati. Possono farlo in pochi minuti, piuttosto che avere il tuo codice per diverse settimane.

Scarica

Ripristinabile.js

Questo fornisce un semplice ambiente di upload di file che consente più upload, pausa e riprendere upload, e una stabilità complessiva. È possibile dividere facilmente file di grandi dimensioni in più blocchi per abilitare i caricamenti ripristinabili. Puoi essere sicuro che il tuo file finirà comunque per essere caricato dallo stesso posto in cui l’hai lasciato. Si può caricare il file anche quando la connessione va bonkers nella transizione.

Scarica

Uploadify

Che ne dici di un uploader di file HTML5 completamente funzionante che utilizza un po ‘ di jQuery per lucidare l’esperienza dell’utente? Bene, per chi fosse interessato possiamo consigliare Uploadify. Gli sviluppatori lo hanno costruito con una libreria JavaScript e hanno in mente lo scopo esatto. Gli sviluppatori hanno anche aggiunto una versione Flash per coloro che credono nelle tradizioni della vecchia scuola. C’è un forum della comunità esistente pieno di argomenti e domande di supporto. Ma, da quello che possiamo dire, i forum della comunità non sono stati realmente attivi negli ultimi due anni.

Scarica

Grazie per aver visitato Colorlib e aver letto questo articolo! Lo apprezziamo molto! Ora si potrebbe desiderare di imparare a fare un sito web utilizzando i nostri temi WordPress gratuiti.