Bootstrap File Input

In plaats van het selecteren en het uploaden van één bestand tegelijk, of met behulp van meerdere upload velden in dezelfde vorm, ontwikkelaars kunnen implementeren Bootstrap File Input aan hun gebruikers te voorzien van een mooie bestand picking-interface, compleet met bestandsvoorbeelden, ondersteuning voor multi-file selecties en verschillende actieknoppen.

Bootstrap File Input heeft in principe vier belangrijke elementen. Het bestand selectie knop, de upload-knop, de knop verwijderen selecties, en de preview-sectie.

Elk van deze kan worden uitgeschakeld of via CSS aangepast, waardoor ontwikkelaars om aangepaste bestand plukkers te maken, als zij dat nodig achten om te gebruiken in hun aanvraag te zien.

Bootstrap File Input ondersteunt ook uitgeschakeld staten, is zeer licht als het gaat om de schijf grootte en behandelt alleen de client-side operaties met betrekking tot het uploaden. Dit betekent dat moet worden opgenomen op de server-side om daadwerkelijk slaan en opslaan van de geuploade bestanden. Het goede nieuws is dat, omdat het is geschreven in JavaScript en HTML 5 kan worden gemaakt om te werken met bijna elke vorm van server-side programmeertaal.

Een demo is inbegrepen bij de Bootstrap File Input downloadpakket

Wat is nieuw in deze release:.

• Enhancement:
• Aangepaste etiketten ondersteuning voor layoutTemplates en previewTemplates (nieuwe eigenschappen customLayoutTags en customPreviewTags inbegrepen).
• Nieuwe filebatchselected event geactiveerd na elke partij van bestanden worden geselecteerd.
• Nieuwe sneller replaceAll methode in plaats van de reguliere expressie parsing om tags te vervangen in templates.
• Verbeter de fout handler voor het vangen van FileReader veiligheid uitzonderingen en nieuw pand msgFileSecured zal de uitzondering beveiliging bericht weer te geven.
• Code opruimen en te herstructureren voor JS lint veranderingen (met behulp van JSHint Code cleanup bibliotheek).
• Laat de weergave van lange bestandsnamen zonder spaties / woord breekt.
• Fix reset van het bestand stack voor diverse upload modi (single, batch async en batch sync).
• Upload voortgangsbalk styling verbeteringen.

Wat is nieuw in versie 4.2.8:

• Enhancement:
• Aangepaste etiketten ondersteuning voor layoutTemplates en previewTemplates (nieuwe eigenschappen customLayoutTags en customPreviewTags inbegrepen).
• Nieuwe filebatchselected event geactiveerd na elke partij van bestanden worden geselecteerd.
• Nieuwe sneller replaceAll methode in plaats van de reguliere expressie parsing om tags te vervangen in templates.
• Verbeter de fout handler voor het vangen van FileReader veiligheid uitzonderingen en nieuw pand msgFileSecured zal de uitzondering beveiliging bericht weer te geven.
• Code opruimen en te herstructureren voor JS lint veranderingen (met behulp van JSHint Code cleanup bibliotheek).
• Laat de weergave van lange bestandsnamen zonder spaties / woord breekt.
• Fix reset van het bestand stack voor diverse upload modi (single, batch async en batch sync).
• Upload voortgangsbalk styling verbeteringen.

Wat is nieuw in versie 4.2.2:

• Enhancement:
• Aangepaste etiketten ondersteuning voor layoutTemplates en previewTemplates (nieuwe eigenschappen customLayoutTags en customPreviewTags inbegrepen).
• Nieuwe filebatchselected event geactiveerd na elke partij van bestanden worden geselecteerd.
• Nieuwe sneller replaceAll methode in plaats van de reguliere expressie parsing om tags te vervangen in templates.
• Verbeter de fout handler voor het vangen van FileReader veiligheid uitzonderingen en nieuw pand msgFileSecured zal de uitzondering beveiliging bericht weer te geven.
• Code opruimen en te herstructureren voor JS lint veranderingen (met behulp van JSHint Code cleanup bibliotheek).
• Laat de weergave van lange bestandsnamen zonder spaties / woord breekt.
• Fix reset van het bestand stack voor diverse upload modi (single, batch async en batch sync).
• Upload voortgangsbalk styling verbeteringen.

Wat is nieuw in versie 4.2.1:

• Enhancement:
• Aangepaste etiketten ondersteuning voor layoutTemplates en previewTemplates (nieuwe eigenschappen customLayoutTags en customPreviewTags inbegrepen).
• Nieuwe filebatchselected event geactiveerd na elke partij van bestanden worden geselecteerd.
• Nieuwe sneller replaceAll methode in plaats van de reguliere expressie parsing om tags te vervangen in templates.
• Verbeter de fout handler voor het vangen van FileReader veiligheid uitzonderingen en nieuw pand msgFileSecured zal de uitzondering beveiliging bericht weer te geven.
• Code opruimen en te herstructureren voor JS lint veranderingen (met behulp van JSHint Code cleanup bibliotheek).
• Laat de weergave van lange bestandsnamen zonder spaties / woord breekt.
• Fix reset van het bestand stack voor diverse upload modi (single, batch async en batch sync).
• Upload voortgangsbalk styling verbeteringen.

Wat is nieuw in versie 4.2.0:

• Enhancement:
• Aangepaste etiketten ondersteuning voor layoutTemplates en previewTemplates (nieuwe eigenschappen customLayoutTags en customPreviewTags inbegrepen).
• Nieuwe filebatchselected event geactiveerd na elke partij van bestanden worden geselecteerd.
• Nieuwe sneller replaceAll methode in plaats van de reguliere expressie parsing om tags te vervangen in templates.
• Verbeter de fout handler voor het vangen van FileReader veiligheid uitzonderingen en nieuw pand msgFileSecured zal de uitzondering beveiliging bericht weer te geven.
• Code opruimen en te herstructureren voor JS lint veranderingen (met behulp van JSHint Code cleanup bibliotheek).
• Laat de weergave van lange bestandsnamen zonder spaties / woord breekt.
• Fix reset van het bestand stack voor diverse upload modi (single, batch async en batch sync).
• Upload voortgangsbalk styling verbeteringen.

Wat is nieuw in versie 4.1.8:

• Enhancement:
• Aangepaste etiketten ondersteuning voor layoutTemplates en previewTemplates (nieuwe eigenschappen customLayoutTags en customPreviewTags inbegrepen).
• Nieuwe filebatchselected event geactiveerd na elke partij van bestanden worden geselecteerd.
• Nieuwe sneller replaceAll methode in plaats van de reguliere expressie parsing om tags te vervangen in templates.
• Verbeter de fout handler voor het vangen van FileReader veiligheid uitzonderingen en nieuw pand msgFileSecured zal de uitzondering beveiliging bericht weer te geven.
• Code opruimen en te herstructureren voor JS lint veranderingen (met behulp van JSHint Code cleanup bibliotheek).
• Laat de weergave van lange bestandsnamen zonder spaties / woord breekt.
• Fix reset van het bestand stack voor diverse upload modi (single, batch async en batch sync).
• Upload voortgangsbalk styling verbeteringen.

Wat is nieuw in versie 4.1.7:

• Enhancement:
• Aangepaste etiketten ondersteuning voor layoutTemplates en previewTemplates (nieuwe eigenschappen customLayoutTags en customPreviewTags inbegrepen).
• Nieuwe filebatchselected event geactiveerd na elke partij van bestanden worden geselecteerd.
• Nieuwe sneller replaceAll methode in plaats van de reguliere expressie parsing om tags te vervangen in templates.
• Verbeter de fout handler voor het vangen van FileReader veiligheid uitzonderingen en nieuw pand msgFileSecured zal de uitzondering beveiliging bericht weer te geven.
• Code opruimen en te herstructureren voor JS lint veranderingen (met behulp van JSHint Code cleanup bibliotheek).
• Laat de weergave van lange bestandsnamen zonder spaties / woord breekt.
• Fix reset van het bestand stack voor diverse upload modi (single, batch async en batch sync).
• Upload voortgangsbalk styling verbeteringen.

Wat is nieuw in versie 4.0.0:

• Voeg functionaliteit voor AJAX gebaseerde uploaden via HTML5 formdata ( de meeste moderne browsers ondersteunen). Zal degraderen naar de normale formulier op basis indienen File als dit niet wordt ondersteund.
• AJAX uploaden te gebruiken, het pand uploadUrl is verplicht en moet worden ingesteld.
• Verbeter plugin om nu toe dat bestanden worden toegevoegd, toegevoegd, verwijderd (gebaseerd op feedback van vele). Zo kan men bestanden toevoegen aan preview.
• Nieuwe drag & drop zone beschikbaar in de preview te slepen en neerzetten van bestanden en voegen.
• Verwijderen of uploaden van bestanden een voor een of in batch.
• Als showPreview is ingesteld op false, of uploadUrl wordt niet ondersteund plugin zal degraderen naar de normale vorm gebaseerde uploaden.
• Configureerbare indicatoren voor file wachten uploaden, bestand geüpload, bestanden errored in het uploaden.
• De mogelijkheid om extra vorm gegevens toe te voegen met ajax gebaseerd uploads.
• Upload progress bar en individuele thumbnail upload indicatoren.
• De mogelijkheid om lopende AJAX uploads te annuleren en afbreken.
• Sjablonen zijn vernieuwd en verbeterd voor elk type bestand.

Wat is nieuw in versie 3.0.0:

• Verbeterde upload-knop voor uitschakelen / inschakelen wanneer gebruikt met & # X3c; een & # x3e; tag.
• Voorbeeld vernieuwen om fouten te tonen correct uitgevoerd nadat elk bestand is gevalideerd.
• Toegevoegd mogelijkheid om de slak methode overschrijven met een slugCallback eigenschap.

Wat is nieuw in versie 2.7.0:.

• Stel release stabiel in composer.json

Wat is nieuw in versie 2.6.0:

• Verbeter plugin om de `elErrorContainer` configureren voor het weergeven validatiefouten.
• Templatize errorContainer voor weergave in het voorbeeldvenster.
• Meer juiste oplossing voor IE (ver & # X3c; 11). Onvermogen om fileinput waarden te wissen

Wat is nieuw in versie 2.4.0:

• Plugin is vernieuwd om te bouwen voorbeeld intelligence gebaseerd op verschillende bestandstypen preview. De ingebouwde bestandstypen ondersteuning zijn gecategoriseerd als afbeelding, tekst, html, video, audio, flash, object, en andere.
• allowedPreviewTypes: U kunt nu opgeven welke alle bestandstypen mogen worden weergegeven als een preview. Deze is standaard ingesteld op [ 'image', 'html', 'text', 'video', 'audio', 'flash', 'object']. Dus alle bestandstypen worden behandeld als een object om een ​​voorbeeld standaard. exampleTo voorbeeld alleen de beelden en video voor, kunt u dit op [ 'image', 'video'].
• allowedPreviewMimeTypes: Naast allowedPreviewTypes, dan kunt u ook bepalen welke alle soorten mime kan worden weergegeven voor preview. Dit staat standaard op nul, wat betekent dat alle soorten mime worden ondersteund.
• layoutTemplates: hiermee kunt u alle layout template te configureren binnen één pand. De lay-out voorwerpen die kunnen worden geconfigureerd zijn: main1, main2, preview, bijschrift en modal
.
• previewTemplates: Alle voorbeeld sjablonen voor elk type voorbeeld zijn samengevoegd tot één eigenschap, in plaats van afzonderlijke templates voor het, tekst enz. De toetsen zijn de formaten zoals ingesteld in allowedPreviewTypes en waarden zijn de gebruikt voor het bekijken van templates. Er zijn standaard vooraf gemaakte templates voor elk type voorbeeld bestand (generiek, afbeelding, tekst, html, video, audio, flash, object, en andere). De generieke template wordt alleen gebruikt voor het weergeven van initialPreview inhoud met behulp van directe opmaak.

Wat is nieuw in versie 2.2.0:.

• Bijwerken readAsBinaryString om readAsArrayBuffer

Wat is nieuw in versie 2.0.0:

• Nieuwe plugin events toegevoegd: fileerror, fileloaded, filecleared .
• Nieuwe plugin methoden toegevoegd: uitschakelen, inschakelen
• Verbeterde configureerbare sjablonen voor het bekijken van afbeeldingen, tekst, en andere bestanden (en een generieke template).
• Maak caption tekst configureerbaar via een nieuwe parameter msgSelected.
• Een correcte berekening van dossiers geselecteerd wanneer initPreview onwaar is.
• Automatische schaal afbeeldingen voor preview, wanneer afbeeldingen zijn te groot om te passen in een container.

Wat is nieuw in versie 1.8.0:

• Verbeterde caption template en styling voor bijschriften om overflow te voorkomen van lange bestandsnamen uit het bijschrift container.

Wat is nieuw in versie 1.7.0:

• De plugin biedt nu een extra overwriteInitial optie <. / li>

Wat is nieuw in versie 1.6.0:

• De plugin biedt nu een extra refresh methode. Dit maakt het mogelijk om dynamisch te wijzigen element attributen of plugin opties runtime en vernieuw de widget.

Eisen

• Javascript nodig op client side
• jQuery 1.9 of hoger
• Bootstrap 3 of hoger