Bootstrap File Input

Invece di selezionare e caricare un file alla volta, o utilizzando più campi di upload nella stessa forma, gli sviluppatori possono distribuire Bootstrap Input File di fornire ai propri utenti un bel file di raccolta interfaccia, completo di anteprime dei file, il supporto per le selezioni multi-file, e vari pulsanti di azione.

Input File Bootstrap ha fondamentalmente quattro elementi principali. Il pulsante di selezione dei file, il pulsante di upload, il pulsante selezioni Rimuovi e sezione di anteprima.

Ognuno di questi può essere spento o personalizzato tramite CSS, permettendo agli sviluppatori di creare raccoglitori di file personalizzati, come meglio credono di utilizzare nella loro applicazione.

Bootstrap Input File supporta anche stati disabilitato, è molto leggero quando si tratta di dimensioni del disco, e gestisce solo le operazioni sul lato client per quanto riguarda il processo di caricamento. Questo significa che deve essere integrata sul lato server per salvare realmente e memorizzare i file caricati. La buona notizia è che, poiché è scritto in JavaScript e HTML 5 può essere fatto per funzionare con quasi ogni tipo di linguaggio di programmazione lato server.

Una demo è incluso con il Bootstrap file pacchetto di download di ingresso

Cosa c'è di nuovo in questa versione:.

• Valorizzazione:

Supporto
• tag personalizzati per layoutTemplates e previewTemplates (nuove proprietà customLayoutTags e customPreviewTags inclusa).
• Nuovo evento filebatchselected attivato dopo ogni batch di file sono selezionati.
• Nuovo metodo più veloce replaceAll invece di parsing regexp per sostituire i tag nei template.
• Migliorare gestore degli errori per intrappolare le eccezioni di sicurezza FileReader e nuova proprietà msgFileSecured verrà visualizzato il messaggio di eccezione di sicurezza.
• pulizia del codice e ristrutturare per le modifiche lint JS (utilizzando biblioteca di pulizia Codice JSHint).
• Consenti visualizzazione dei nomi di file lunghi senza interruzioni spazi / parola.
• Fix ripristino della pila di file per varie modalità di upload (singolo, asincrona lotto e lotto di sincronizzazione).
• caricare il progresso miglioramenti bar styling.

Cosa c'è di nuovo nella versione 4.2.8:

• Valorizzazione:

Supporto
• tag personalizzati per layoutTemplates e previewTemplates (nuove proprietà customLayoutTags e customPreviewTags inclusa).
• Nuovo evento filebatchselected attivato dopo ogni batch di file sono selezionati.
• Nuovo metodo più veloce replaceAll invece di parsing regexp per sostituire i tag nei template.
• Migliorare gestore degli errori per intrappolare le eccezioni di sicurezza FileReader e nuova proprietà msgFileSecured verrà visualizzato il messaggio di eccezione di sicurezza.
• pulizia del codice e ristrutturare per le modifiche lint JS (utilizzando biblioteca di pulizia Codice JSHint).
• Consenti visualizzazione dei nomi di file lunghi senza interruzioni spazi / parola.
• Fix ripristino della pila di file per varie modalità di upload (singolo, asincrona lotto e lotto di sincronizzazione).
• caricare il progresso miglioramenti bar styling.

Cosa c'è di nuovo nella versione 4.2.2:

• Valorizzazione:

Supporto
• tag personalizzati per layoutTemplates e previewTemplates (nuove proprietà customLayoutTags e customPreviewTags inclusa).
• Nuovo evento filebatchselected attivato dopo ogni batch di file sono selezionati.
• Nuovo metodo più veloce replaceAll invece di parsing regexp per sostituire i tag nei template.
• Migliorare gestore degli errori per intrappolare le eccezioni di sicurezza FileReader e nuova proprietà msgFileSecured verrà visualizzato il messaggio di eccezione di sicurezza.
• pulizia del codice e ristrutturare per le modifiche lint JS (utilizzando biblioteca di pulizia Codice JSHint).
• Consenti visualizzazione dei nomi di file lunghi senza interruzioni spazi / parola.
• Fix ripristino della pila di file per varie modalità di upload (singolo, asincrona lotto e lotto di sincronizzazione).
• caricare il progresso miglioramenti bar styling.

Cosa c'è di nuovo nella versione 4.2.1:

• Valorizzazione:

Supporto
• tag personalizzati per layoutTemplates e previewTemplates (nuove proprietà customLayoutTags e customPreviewTags inclusa).
• Nuovo evento filebatchselected attivato dopo ogni batch di file sono selezionati.
• Nuovo metodo più veloce replaceAll invece di parsing regexp per sostituire i tag nei template.
• Migliorare gestore degli errori per intrappolare le eccezioni di sicurezza FileReader e nuova proprietà msgFileSecured verrà visualizzato il messaggio di eccezione di sicurezza.
• pulizia del codice e ristrutturare per le modifiche lint JS (utilizzando biblioteca di pulizia Codice JSHint).
• Consenti visualizzazione dei nomi di file lunghi senza interruzioni spazi / parola.
• Fix ripristino della pila di file per varie modalità di upload (singolo, asincrona lotto e lotto di sincronizzazione).
• caricare il progresso miglioramenti bar styling.

Cosa c'è di nuovo nella versione 4.2.0:

• Valorizzazione:

Supporto
• tag personalizzati per layoutTemplates e previewTemplates (nuove proprietà customLayoutTags e customPreviewTags inclusa).
• Nuovo evento filebatchselected attivato dopo ogni batch di file sono selezionati.
• Nuovo metodo più veloce replaceAll invece di parsing regexp per sostituire i tag nei template.
• Migliorare gestore degli errori per intrappolare le eccezioni di sicurezza FileReader e nuova proprietà msgFileSecured verrà visualizzato il messaggio di eccezione di sicurezza.
• pulizia del codice e ristrutturare per le modifiche lint JS (utilizzando biblioteca di pulizia Codice JSHint).
• Consenti visualizzazione dei nomi di file lunghi senza interruzioni spazi / parola.
• Fix ripristino della pila di file per varie modalità di upload (singolo, asincrona lotto e lotto di sincronizzazione).
• caricare il progresso miglioramenti bar styling.

Cosa c'è di nuovo nella versione 4.1.8:

• Valorizzazione:

Supporto
• tag personalizzati per layoutTemplates e previewTemplates (nuove proprietà customLayoutTags e customPreviewTags inclusa).
• Nuovo evento filebatchselected attivato dopo ogni batch di file sono selezionati.
• Nuovo metodo più veloce replaceAll invece di parsing regexp per sostituire i tag nei template.
• Migliorare gestore degli errori per intrappolare le eccezioni di sicurezza FileReader e nuova proprietà msgFileSecured verrà visualizzato il messaggio di eccezione di sicurezza.
• pulizia del codice e ristrutturare per le modifiche lint JS (utilizzando biblioteca di pulizia Codice JSHint).
• Consenti visualizzazione dei nomi di file lunghi senza interruzioni spazi / parola.
• Fix ripristino della pila di file per varie modalità di upload (singolo, asincrona lotto e lotto di sincronizzazione).
• caricare il progresso miglioramenti bar styling.

Cosa c'è di nuovo nella versione 4.1.7:

• Valorizzazione:

Supporto
• tag personalizzati per layoutTemplates e previewTemplates (nuove proprietà customLayoutTags e customPreviewTags inclusa).
• Nuovo evento filebatchselected attivato dopo ogni batch di file sono selezionati.
• Nuovo metodo più veloce replaceAll invece di parsing regexp per sostituire i tag nei template.
• Migliorare gestore degli errori per intrappolare le eccezioni di sicurezza FileReader e nuova proprietà msgFileSecured verrà visualizzato il messaggio di eccezione di sicurezza.
• pulizia del codice e ristrutturare per le modifiche lint JS (utilizzando biblioteca di pulizia Codice JSHint).
• Consenti visualizzazione dei nomi di file lunghi senza interruzioni spazi / parola.
• Fix ripristino della pila di file per varie modalità di upload (singolo, asincrona lotto e lotto di sincronizzazione).
• caricare il progresso miglioramenti bar styling.

Cosa c'è di nuovo nella versione 4.0.0:

• Aggiungi funzionalità per l'upload basato su AJAX utilizzando HTML5 formdata ( la maggior parte dei browser moderni lo supportano). Si degrada alla normalità modulo basato presentazione del file se questo non è supportato.
• Per usare AJAX Carica, la proprietà uploadURL è obbligatoria e deve essere impostato.
• Migliorare plugin per permettere ora i file da aggiungere, in allegato, rimosso (in base al feedback da molti). Così si può aggiungere file di anteprima.
• Nuovo DRAG & zona di lancio disponibile in anteprima per trascinare i file e aggiungono.
• Elimina o caricare i file uno per uno o in modalità batch.
• Se showPreview è impostata su false, o uploadURL non è supportato plug-in si degrada alla normalità caricare basato modulo.
• indicatori configurabili per il file in attesa di caricare, file caricato con successo, i file con errori in upload.
• Possibilità di aggiungere i dati dei moduli aggiuntivi con i caricamenti Ajax based.
• Carica barra di avanzamento e di upload delle miniature singoli indicatori.
• Possibilità di annullare e interrompere in corso upload AJAX.
• Modelli sono state rinnovato e migliorato per ogni tipo di file.

Cosa c'è di nuovo nella versione 3.0.0:

• tasto avanzato di caricamento per abilitare / disabilitare se utilizzato con & # x3c; un & # X3e; tag.
• Aggiorna anteprima per mostrare gli errori correttamente dopo ogni file viene convalidato.
• Aggiunta la possibilità di eseguire l'override del metodo di lumaca con una proprietà slugCallback.

Cosa c'è di nuovo nella versione 2.7.0:.

• Imposta disperdere stabile in composer.json

Cosa c'è di nuovo nella versione 2.6.0:

• Migliorare plugin per configurare il `elErrorContainer` per la visualizzazione errori di convalida.
• Templatize errorContainer per la visualizzazione all'interno della finestra di anteprima.
• Più corretto correzione per IE (ver & # x3c; 11). Impossibilità di cancellare i valori FileInput

Cosa c'è di nuovo nella versione 2.4.0:

• Plugin è stato rinnovato per costruire anteprima intelligence basata su vari tipi di file di anteprima. I tipi di supporto di file incorporati sono classificati come immagine, testo, html, video, audio, flash, oggetto, e altri.
• allowedPreviewTypes: È ora possibile configurare che tutti i tipi di file possono essere mostrato in anteprima. L'impostazione predefinita è [ 'immagine', 'html', 'testo', 'Video', 'audio', 'flash', 'oggetto']. Così tutti i tipi di file vengono trattati come un oggetto di anteprima per impostazione predefinita. exampleTo anteprima solo immagini e video per, è possibile impostare questo per [ 'immagine', 'video'].
• allowedPreviewMimeTypes: Oltre a allowedPreviewTypes, è anche possibile controllare che tutti i tipi MIME possono essere visualizzati per l'anteprima. Sono supportati Il valore predefinito è nullo, il che significa tutti i tipi MIME.
• layoutTemplates: permette di configurare tutte le impostazioni del modello di layout all'interno di una proprietà. Gli oggetti di layout che possono essere configurate sono: Principale1, Principale2, anteprima, la didascalia e modal
.
• previewTemplates: Tutti i modelli di anteprima per ogni tipo di anteprima sono stati combinati in una proprietà, invece di modelli separati per l'immagine, testo, ecc I tasti sono i formati come indicato in allowedPreviewTypes e valori sono i modelli utilizzati per l'anteprima. Ci sono modelli predefiniti di default per ogni tipo di anteprima di file (generica, immagine, testo, html, video, audio, flash, oggetto, e altri). Il modello generico viene utilizzato solo per la visualizzazione di contenuti initialPreview utilizzando il markup diretta.

Cosa c'è di nuovo nella versione 2.2.0:.

• Aggiorna readAsBinaryString a readAsArrayBuffer

Cosa c'è di nuovo nella versione 2.0.0:

• Nuovi eventi di plugin aggiunto: FileError, FileLoaded, filecleared .
• Nuovi metodi di plugin aggiunto: disabilitare, abilitare
• avanzata modelli configurabili per l'anteprima di immagini, testo e altri file (e un modello generico).
• la dimensione del testo didascalia configurabile tramite un nuovo parametro msgSelected.
• il calcolo corretto del file selezionato quando initPreview è falsa.
• Immagini scala automatico per l'anteprima, in cui le immagini sono troppo larghi per adattarsi in un contenitore.

Cosa c'è di nuovo nella versione 1.8.0:

• modello didascalia avanzata e stile per le didascalie per evitare overflow i nomi di file lunghi di fuori del contenitore didascalia.

Cosa c'è di nuovo nella versione 1.7.0:

• Il plugin offre ora un'opzione aggiuntiva overwriteInitial <. / li>

Cosa c'è di nuovo nella versione 1.6.0:

• Il plugin offre ora un metodo di aggiornamento aggiuntivo. Ciò consente di modificare dinamicamente attributi degli elementi o opzioni del plugin in fase di esecuzione e aggiorna il widget.

Requisiti :

• abilitato JavaScript sul lato client
• jQuery 1.9 o superiore
• Bootstrap 3 o superiore