Bootstrap File Input

În loc de a selecta și de a încărca un fișier la un moment dat, sau folosind mai multe câmpuri de încărcare în aceeași formă, dezvoltatorii pot implementa Bootstrap de intrare de fișiere pentru a oferi utilizatorilor o interfață un fișier frumos cules, complet cu previzualizări de fișiere, suport pentru selecții multi-fișier, și diverse butoane de acțiune.

intrare Bootstrap fișiere are practic patru elemente principale. Butonul de selectare a fișierului, butonul de încărcare, butonul de selecții de eliminare, iar secțiunea de examinare.

Fiecare dintre acestea pot fi dezactivate sau personalizate prin intermediul CSS, permitand dezvoltatorilor sa creeze culegători de fișiere personalizate, așa cum consideră potrivit să le folosească în aplicarea lor.

Bootstrap de intrare de fișiere acceptă, de asemenea, statele cu handicap, este foarte ușoară atunci când vine vorba de dimensiunea discului, și se ocupă numai operațiunile de client-side în ceea ce privește procesul de încărcare. Acest lucru înseamnă că trebuie să fie integrat pe server-side pentru a salva de fapt și de a stoca fișierele încărcate. Vestea bună e că din moment ce este scris în JavaScript și HTML 5 poate fi făcută pentru a lucra cu aproape orice fel de limbaj de programare server-side.

Un demo este inclus cu Bootstrap fișier de intrare pachetul de descărcare

Ce este nou în această versiune:.

• Caracteristici superioare:
• etichete personalizate suport pentru layoutTemplates și previewTemplates (proprietăți noi și customLayoutTags customPreviewTags incluse).
• Nou eveniment filebatchselected declanșat după fiecare lot de fișiere sunt selectate.
• Noua metodă mai rapidă replaceAll în loc de parsare regexp pentru a înlocui etichetele în șabloane.
• Îmbunătățirea de tratare a erorilor pentru captarea excepțiilor de securitate FileReader și noi proprietăți msgFileSecured va afișa mesajul de excepție de securitate.
• Cod de curățare și să se restructureze pentru modificarea lint JS (folosind codul JSHint de curățare de bibliotecă).
• Permite afișarea numelor lungi de fișiere fără pauze spații / cuvânt.
• Resetarea Fix de stiva de fișiere pentru diferite moduri de încărcare (singur, asin lot și sincronizare lot).
• Încărcați progres accesorii bar de styling.

Ce este nou în versiunea 4.2.8:

• Caracteristici superioare:
• etichete personalizate suport pentru layoutTemplates și previewTemplates (proprietăți noi și customLayoutTags customPreviewTags incluse).
• Nou eveniment filebatchselected declanșat după fiecare lot de fișiere sunt selectate.
• Noua metodă mai rapidă replaceAll în loc de parsare regexp pentru a înlocui etichetele în șabloane.
• Îmbunătățirea de tratare a erorilor pentru captarea excepțiilor de securitate FileReader și noi proprietăți msgFileSecured va afișa mesajul de excepție de securitate.
• Cod de curățare și să se restructureze pentru modificarea lint JS (folosind codul JSHint de curățare de bibliotecă).
• Permite afișarea numelor lungi de fișiere fără pauze spații / cuvânt.
• Resetarea Fix de stiva de fișiere pentru diferite moduri de încărcare (singur, asin lot și sincronizare lot).
• Încărcați progres accesorii bar de styling.

Ce este nou în versiunea 4.2.2:

• Caracteristici superioare:
• etichete personalizate suport pentru layoutTemplates și previewTemplates (proprietăți noi și customLayoutTags customPreviewTags incluse).
• Nou eveniment filebatchselected declanșat după fiecare lot de fișiere sunt selectate.
• Noua metodă mai rapidă replaceAll în loc de parsare regexp pentru a înlocui etichetele în șabloane.
• Îmbunătățirea de tratare a erorilor pentru captarea excepțiilor de securitate FileReader și noi proprietăți msgFileSecured va afișa mesajul de excepție de securitate.
• Cod de curățare și să se restructureze pentru modificarea lint JS (folosind codul JSHint de curățare de bibliotecă).
• Permite afișarea numelor lungi de fișiere fără pauze spații / cuvânt.
• Resetarea Fix de stiva de fișiere pentru diferite moduri de încărcare (singur, asin lot și sincronizare lot).
• Încărcați progres accesorii bar de styling.

Ce este nou în versiunea 4.2.1:

• Caracteristici superioare:
• etichete personalizate suport pentru layoutTemplates și previewTemplates (proprietăți noi și customLayoutTags customPreviewTags incluse).
• Nou eveniment filebatchselected declanșat după fiecare lot de fișiere sunt selectate.
• Noua metodă mai rapidă replaceAll în loc de parsare regexp pentru a înlocui etichetele în șabloane.
• Îmbunătățirea de tratare a erorilor pentru captarea excepțiilor de securitate FileReader și noi proprietăți msgFileSecured va afișa mesajul de excepție de securitate.
• Cod de curățare și să se restructureze pentru modificarea lint JS (folosind codul JSHint de curățare de bibliotecă).
• Permite afișarea numelor lungi de fișiere fără pauze spații / cuvânt.
• Resetarea Fix de stiva de fișiere pentru diferite moduri de încărcare (singur, asin lot și sincronizare lot).
• Încărcați progres accesorii bar de styling.

Ce este nou în versiunea 4.2.0:

• Caracteristici superioare:
• etichete personalizate suport pentru layoutTemplates și previewTemplates (proprietăți noi și customLayoutTags customPreviewTags incluse).
• Nou eveniment filebatchselected declanșat după fiecare lot de fișiere sunt selectate.
• Noua metodă mai rapidă replaceAll în loc de parsare regexp pentru a înlocui etichetele în șabloane.
• Îmbunătățirea de tratare a erorilor pentru captarea excepțiilor de securitate FileReader și noi proprietăți msgFileSecured va afișa mesajul de excepție de securitate.
• Cod de curățare și să se restructureze pentru modificarea lint JS (folosind codul JSHint de curățare de bibliotecă).
• Permite afișarea numelor lungi de fișiere fără pauze spații / cuvânt.
• Resetarea Fix de stiva de fișiere pentru diferite moduri de încărcare (singur, asin lot și sincronizare lot).
• Încărcați progres accesorii bar de styling.

Ce este nou în versiunea 4.1.8:

• Caracteristici superioare:
• etichete personalizate suport pentru layoutTemplates și previewTemplates (proprietăți noi și customLayoutTags customPreviewTags incluse).
• Nou eveniment filebatchselected declanșat după fiecare lot de fișiere sunt selectate.
• Noua metodă mai rapidă replaceAll în loc de parsare regexp pentru a înlocui etichetele în șabloane.
• Îmbunătățirea de tratare a erorilor pentru captarea excepțiilor de securitate FileReader și noi proprietăți msgFileSecured va afișa mesajul de excepție de securitate.
• Cod de curățare și să se restructureze pentru modificarea lint JS (folosind codul JSHint de curățare de bibliotecă).
• Permite afișarea numelor lungi de fișiere fără pauze spații / cuvânt.
• Resetarea Fix de stiva de fișiere pentru diferite moduri de încărcare (singur, asin lot și sincronizare lot).
• Încărcați progres accesorii bar de styling.

Ce este nou în versiunea 4.1.7:

• Caracteristici superioare:
• etichete personalizate suport pentru layoutTemplates și previewTemplates (proprietăți noi și customLayoutTags customPreviewTags incluse).
• Nou eveniment filebatchselected declanșat după fiecare lot de fișiere sunt selectate.
• Noua metodă mai rapidă replaceAll în loc de parsare regexp pentru a înlocui etichetele în șabloane.
• Îmbunătățirea de tratare a erorilor pentru captarea excepțiilor de securitate FileReader și noi proprietăți msgFileSecured va afișa mesajul de excepție de securitate.
• Cod de curățare și să se restructureze pentru modificarea lint JS (folosind codul JSHint de curățare de bibliotecă).
• Permite afișarea numelor lungi de fișiere fără pauze spații / cuvânt.
• Resetarea Fix de stiva de fișiere pentru diferite moduri de încărcare (singur, asin lot și sincronizare lot).
• Încărcați progres accesorii bar de styling.

Ce este nou în versiunea 4.0.0:

• Adăugați funcționalitate pentru INCARCA bazate pe AJAX folosind HTML5 FormData ( cele mai moderne browsere l suport). Se va degrada la Formularul Bazat depunerea de fișier normal în cazul în care acest lucru nu este acceptat.
• Pentru a utiliza AJAX Upload, proprietatea uploadUrl este obligatoriu și trebuie să fie setat.
• Consolidarea plug-in pentru a permite acum fișierele care urmează să fie adăugate, anexate, eliminat (pe baza feedback-ului de la mai multe). Astfel, se poate atașa fișiere la previzualizare.
• New DRAG & DROP disponibile în zona de previzualizare pentru a drag and drop fișiere și adăugați.
• Ștergeți sau să încărcați fișiere unul câte unul sau în lot.
• Dacă showpreview este setat la fals, sau uploadUrl nu este acceptat plugin va degrada pentru a încărca normală bazată pe formă.
• Indicatorii configurabilă pentru fișier în așteptarea încărcării, al unui fișier încărcat cu succes, fișierele errored în upload.
• Abilitatea de a adăuga date formular suplimentare cu încărcări bazate pe ajax.

Indicatorii
• Încărcați bara de progres și de încărcare miniatură individuală.
• Abilitatea de a anula și de a abandona încărcări AJAX în curs de desfășurare.
• Template-uri au fost restructurat și îmbunătățită pentru fiecare tip de fișier.

Ce este nou în versiunea 3.0.0:

• butonul de încărcare sporită pentru a activa / dezactiva atunci când este utilizat cu & # x3c; a & # x3e; tag-ul.
• Actualizare previzualizare pentru a afișa erori corect după fiecare fișier este validată.
• Adăugat capacitatea de a trece peste metoda Slug cu o proprietate slugCallback.

Ce este nou în versiunea 2.7.0:.

• Set de presă pentru a stabili în composer.json

Ce este nou în versiunea 2.6.0:

• Enhance plugin pentru a configura `elErrorContainer` pentru afișarea erori de validare.
• Templatize errorContainer pentru afișare în fereastra de previzualizare.
• fix mai corect pentru IE (ver & # x3c; 11). Incapacitatea de a șterge valorile fileinput

Ce este nou în versiunea 2.4.0:

• Plugin a fost restructurat pentru a construi inteligenta previzualizare bazată pe diverse tipuri de fișiere de previzualizare. Inbuilt tipuri de suport de fișiere sunt clasificate ca imagine, text, html, video, audio, flash, obiect, și altele.
• allowedPreviewTypes: Puteți configura acum care toate tipurile de fișiere sunt permise să fie afișate ca o previzualizare. Implicit este [ 'imagine', 'html', 'text', 'video', 'audio', "flash", "obiect"]. Astfel, toate tipurile de fișiere sunt tratate ca un obiect pentru a previzualiza în mod implicit. Pentru previzualizare exampleTo doar imagine și video, puteți seta acest lucru [ 'imagine', 'video'].
• allowedPreviewMimeTypes: În plus față de allowedPreviewTypes, puteți controla, de asemenea, pe care toate tipurile MIME pot fi afișate pentru previzualizare. Implicit este nulă, ceea ce înseamnă toate tipurile de mime sunt acceptate.
• layoutTemplates: Vă permite să configurați toate setările șablon pentru aspect într-o singură proprietate. Obiectele de dispunere care pot fi configurate sunt: ​​main1, main2, previzualizare, legendă, și modal
.
• previewTemplates: Toate șabloanele de previzualizare pentru fiecare tip de examinare au fost combinate într-o singură proprietate, în loc de template-uri separate pentru imagine, text etc. Tastele sunt formatele stabilite în allowedPreviewTypes și valorile sunt șabloanele utilizate pentru previzualizarea. Există șabloane particulare precompilate implicite pentru fiecare tip de fișier de previzualizare (generic, imagine, text, html, video, audio, flash, obiect, și altele). Șablonul de generic este utilizat numai pentru afișarea conținutului initialPreview folosind marcare directă.

Ce este nou în versiunea 2.2.0:.

• Actualizare readAsBinaryString la readAsArrayBuffer

Ce este nou în versiunea 2.0.0:

• Evenimente noi plugin-a adăugat: fileerror, fileloaded, filecleared .
• Noi metode de plugin-a adăugat: dezactiva, activați
• avansată șabloane configurabile pentru previzualizarea de imagine, text și alte fișiere (și un șablon generic).
• Asigurați-text; configurabil printr-un nou parametru msgSelected.
• Calculul corect al fișierelor selectate atunci când initPreview este falsă.
• scala imagini automate pentru previzualizare, atunci când imaginile sunt prea largi pentru a se potrivi în containere.

Ce este nou în versiunea 1.8.0:

• șablon de legendă îmbunătățită și styling pentru legende pentru a preveni preaplin nume de fișiere de lungi din container legendă.

Ce este nou în versiunea 1.7.0:

• Plugin-ul oferă acum o opțiune suplimentară overwriteInitial <. / li>

Ce este nou în versiunea 1.6.0:

• Plugin-ul oferă acum o metodă de reîmprospătare suplimentară. Acest lucru vă permite să modificați dinamic element de atribute sau opțiuni de plugin-ul în timpul rulării și refresh widget-ul.

Cerințe :

• JavaScript activat pe partea de client
• jQuery 1.9 sau mai mare
• Bootstrap 3 sau mai mare