Bootstrap File Input

Statt der Auswahl und eine Datei zu einem Zeitpunkt hochladen oder mehrere Upload-Felder in der gleichen Form verwenden, können Entwickler Bootstrap-Datei Eingang bereitstellen ihre Benutzer mit einer schönen Dateischnittstelle Kommissionierung zur Verfügung zu stellen, komplett mit Dateivorschau, Unterstützung für Multi-Dateiauswahl und verschiedene Aktionstasten.

Bootstrap-Datei Eingang hat im Wesentlichen vier Hauptelemente. Der Dateiauswahltaste, die Upload-Schaltfläche die Entfernen-Taste Auswahl und der Vorschaubereich.

Jeder von ihnen kann über CSS deaktiviert oder angepasst werden, so dass Entwickler angepasste Datei Pflücker zu schaffen, wie sie es für richtig in ihre Anwendung zu verwenden.

Bootstrap Datei-Eingang unterstützt auch deaktiviert Zustände, ist sehr leicht, wenn es um Festplattengröße kommt, und übernimmt nur die clientseitige Operationen in Bezug auf den Upload-Prozess. Das bedeutet, es auf der Server-Seite integriert werden muss, tatsächlich zu speichern und speichern Sie die hochgeladenen Dateien. Die gute Nachricht ist, dass, da es in JavaScript und HTML 5 geschrieben ist kann es gemacht werden, mit fast jeder Art von serverseitigen Programmiersprache zu arbeiten.

ist eine Demo mit dem Bootstrap-Datei Eingang Downloadpaket enthalten

Was ist neu in dieser Version:.

• Erweiterung:
• Benutzerdefinierte Tags Unterstützung für layoutTemplates und previewTemplates (neue Eigenschaften customLayoutTags und customPreviewTags enthalten).
• New filebatchselected Ereignis ausgelöst nach jeder Charge von Dateien ausgewählt werden.
• Neue, schnellere Methode replaceAll anstelle von regexp Parsing ersetzen Tags in Vorlagen.
• Verbessern Handler Fehler zum Fangen von Filereader Sicherheit Ausnahmen und neue Eigenschaft msgFileSecured wird die Sicherheit Ausnahmemeldung angezeigt werden soll.
• Code-Bereinigung und Restrukturierung für JS Flusen Änderungen (JSHint-Code Cleanup-Bibliothek).
• Zulassen Anzeige langer Dateinamen ohne Leerzeichen / Wort bricht.
• Fix Zurücksetzen des Dateistapel für verschiedene Upload-Modi (Einzel-, Stapel- async und Batch-sync).
• Laden Fortschrittsbalken Styling Erweiterungen.

Was ist neu in Version 4.2.8:

• Erweiterung:
• Benutzerdefinierte Tags Unterstützung für layoutTemplates und previewTemplates (neue Eigenschaften customLayoutTags und customPreviewTags enthalten).
• New filebatchselected Ereignis ausgelöst nach jeder Charge von Dateien ausgewählt werden.
• Neue, schnellere Methode replaceAll anstelle von regexp Parsing ersetzen Tags in Vorlagen.
• Verbessern Handler Fehler zum Fangen von Filereader Sicherheit Ausnahmen und neue Eigenschaft msgFileSecured wird die Sicherheit Ausnahmemeldung angezeigt werden soll.
• Code-Bereinigung und Restrukturierung für JS Flusen Änderungen (JSHint-Code Cleanup-Bibliothek).
• Zulassen Anzeige langer Dateinamen ohne Leerzeichen / Wort bricht.
• Fix Zurücksetzen des Dateistapel für verschiedene Upload-Modi (Einzel-, Stapel- async und Batch-sync).
• Laden Fortschrittsbalken Styling Erweiterungen.

Was ist neu in Version 4.2.2:

• Erweiterung:
• Benutzerdefinierte Tags Unterstützung für layoutTemplates und previewTemplates (neue Eigenschaften customLayoutTags und customPreviewTags enthalten).
• New filebatchselected Ereignis ausgelöst nach jeder Charge von Dateien ausgewählt werden.
• Neue, schnellere Methode replaceAll anstelle von regexp Parsing ersetzen Tags in Vorlagen.
• Verbessern Handler Fehler zum Fangen von Filereader Sicherheit Ausnahmen und neue Eigenschaft msgFileSecured wird die Sicherheit Ausnahmemeldung angezeigt werden soll.
• Code-Bereinigung und Restrukturierung für JS Flusen Änderungen (JSHint-Code Cleanup-Bibliothek).
• Zulassen Anzeige langer Dateinamen ohne Leerzeichen / Wort bricht.
• Fix Zurücksetzen des Dateistapel für verschiedene Upload-Modi (Einzel-, Stapel- async und Batch-sync).
• Laden Fortschrittsbalken Styling Erweiterungen.

Was ist neu in Version 4.2.1:

• Erweiterung:
• Benutzerdefinierte Tags Unterstützung für layoutTemplates und previewTemplates (neue Eigenschaften customLayoutTags und customPreviewTags enthalten).
• New filebatchselected Ereignis ausgelöst nach jeder Charge von Dateien ausgewählt werden.
• Neue, schnellere Methode replaceAll anstelle von regexp Parsing ersetzen Tags in Vorlagen.
• Verbessern Handler Fehler zum Fangen von Filereader Sicherheit Ausnahmen und neue Eigenschaft msgFileSecured wird die Sicherheit Ausnahmemeldung angezeigt werden soll.
• Code-Bereinigung und Restrukturierung für JS Flusen Änderungen (JSHint-Code Cleanup-Bibliothek).
• Zulassen Anzeige langer Dateinamen ohne Leerzeichen / Wort bricht.
• Fix Zurücksetzen des Dateistapel für verschiedene Upload-Modi (Einzel-, Stapel- async und Batch-sync).
• Laden Fortschrittsbalken Styling Erweiterungen.

Was ist neu in Version 4.2.0:

• Erweiterung:
• Benutzerdefinierte Tags Unterstützung für layoutTemplates und previewTemplates (neue Eigenschaften customLayoutTags und customPreviewTags enthalten).
• New filebatchselected Ereignis ausgelöst nach jeder Charge von Dateien ausgewählt werden.
• Neue, schnellere Methode replaceAll anstelle von regexp Parsing ersetzen Tags in Vorlagen.
• Verbessern Handler Fehler zum Fangen von Filereader Sicherheit Ausnahmen und neue Eigenschaft msgFileSecured wird die Sicherheit Ausnahmemeldung angezeigt werden soll.
• Code-Bereinigung und Restrukturierung für JS Flusen Änderungen (JSHint-Code Cleanup-Bibliothek).
• Zulassen Anzeige langer Dateinamen ohne Leerzeichen / Wort bricht.
• Fix Zurücksetzen des Dateistapel für verschiedene Upload-Modi (Einzel-, Stapel- async und Batch-sync).
• Laden Fortschrittsbalken Styling Erweiterungen.

Was ist neu in Version 4.1.8:

• Erweiterung:
• Benutzerdefinierte Tags Unterstützung für layoutTemplates und previewTemplates (neue Eigenschaften customLayoutTags und customPreviewTags enthalten).
• New filebatchselected Ereignis ausgelöst nach jeder Charge von Dateien ausgewählt werden.
• Neue, schnellere Methode replaceAll anstelle von regexp Parsing ersetzen Tags in Vorlagen.
• Verbessern Handler Fehler zum Fangen von Filereader Sicherheit Ausnahmen und neue Eigenschaft msgFileSecured wird die Sicherheit Ausnahmemeldung angezeigt werden soll.
• Code-Bereinigung und Restrukturierung für JS Flusen Änderungen (JSHint-Code Cleanup-Bibliothek).
• Zulassen Anzeige langer Dateinamen ohne Leerzeichen / Wort bricht.
• Fix Zurücksetzen des Dateistapel für verschiedene Upload-Modi (Einzel-, Stapel- async und Batch-sync).
• Laden Fortschrittsbalken Styling Erweiterungen.

Was ist neu in Version 4.1.7:

• Erweiterung:
• Benutzerdefinierte Tags Unterstützung für layoutTemplates und previewTemplates (neue Eigenschaften customLayoutTags und customPreviewTags enthalten).
• New filebatchselected Ereignis ausgelöst nach jeder Charge von Dateien ausgewählt werden.
• Neue, schnellere Methode replaceAll anstelle von regexp Parsing ersetzen Tags in Vorlagen.
• Verbessern Handler Fehler zum Fangen von Filereader Sicherheit Ausnahmen und neue Eigenschaft msgFileSecured wird die Sicherheit Ausnahmemeldung angezeigt werden soll.
• Code-Bereinigung und Restrukturierung für JS Flusen Änderungen (JSHint-Code Cleanup-Bibliothek).
• Zulassen Anzeige langer Dateinamen ohne Leerzeichen / Wort bricht.
• Fix Zurücksetzen des Dateistapel für verschiedene Upload-Modi (Einzel-, Stapel- async und Batch-sync).
• Laden Fortschrittsbalken Styling Erweiterungen.

Was ist neu in Version 4.0.0:

• Add-Funktionalität für AJAX-basierte UPLOAD HTML5 Formdata mit ( die meisten modernen Browser unterstützen es). abbaut Datei Unterwerfung unter normalen Formular basiert, wenn dies nicht unterstützt wird.
• So verwenden AJAX Upload, die uploadUrl Eigenschaft ist obligatorisch und muss eingestellt werden.
• Plugin Verbessern Sie jetzt Dateien erlauben hinzugefügt, die beigefügten, entfernt werden (basierend auf dem Feedback von vielen). So kann man Dateien zur Vorschau anhängen.
• Neue Drag & Drop-Zone in Vorschau auf Dateien per Drag & Drop und anhängen.
• Löschen oder Dateien hochzuladen einzeln oder im Batch.
• Wenn showPreview auf false gesetzt ist, oder uploadUrl wird nicht unterstützt Plug-in Normalform basiert Upload abbaut.
• Konfigurierbare Indikatoren für Datei-Upload warten, Datei erfolgreich hochgeladen, Dateien im Upload errored.
• Die Fähigkeit, zusätzliche Formulardaten mit Ajax-basierte Uploads hinzuzufügen.
• Laden Fortschrittsbalken und einzelne Miniatur Upload Indikatoren.
• Möglichkeit abzubrechen und abbrechen laufenden AJAX-Uploads.
• Vorlagen wurden für jeden Dateityp überarbeitet und erweitert.

Was ist neu in Version 3.0.0:

• Verbesserte Upload-Taste deaktivieren / aktivieren, wenn verwendet mit & # x3c; ein & # x3e; -Tag.
• Aktualisieren Vorschau Fehler richtig zu zeigen, nachdem jede Datei überprüft wird.
• Möglichkeit hinzugefügt, die Slug-Methode mit einer slugCallback Eigenschaft außer Kraft zu setzen.

Was ist neu in Version 2.7.0:.

• Stellen Release stabil in composer.json

Was ist neu in Version 2.6.0:

• Plugin Erhöhen Sie die `elErrorContainer` für die Anzeige konfigurieren Validierungsfehler.
• Templatize errorContainer für die Anzeige im Vorschaufenster.
• Mehr richtige Update für IE (ver & # x3c; 11). Unfähigkeit fileinput Werte zu löschen

Was ist neu in Version 2.4.0:

• Plugin Vorschau Intelligenz zu bauen neu gestaltet wurde auf der Grundlage verschiedene Dateivorschau Typen. Die integrierte Dateiunterstützung Typen werden als Bild kategorisiert, Text, HTML, Video, Audio, Flash, Objekt und andere.
• allowedPreviewTypes: Sie können nun festlegen, welche alle Dateitypen erlaubt sind als Vorschau angezeigt werden. Der Standardwert ist [ 'Bild', 'html', 'text', 'Video', 'Audio', 'Blitz', 'Objekt']. So werden alle Dateitypen werden als Objekt zur Vorschau standardmäßig behandelt. Für exampleTo Vorschau nur Bild und Video, können Sie dies auf [ 'Bild', 'Video'].
• allowedPreviewMimeTypes: Zusätzlich zu allowedPreviewTypes, können Sie auch steuern, welche alle MIME-Typen für die Vorschau angezeigt werden kann. Der Standardwert ist null, alle MIME-Typen Bedeutung unterstützt.
• layoutTemplates: Hier können Sie alle Layout-Vorlageneinstellungen innerhalb einer Eigenschaft zu konfigurieren. Die Layout-Objekte, die so konfiguriert werden können, sind: main1, main2, Vorschau, Beschriftung und modal
.
• previewTemplates: Alle Vorschau Vorlagen für jede Vorschau-Typ in einer Eigenschaft kombiniert wurden, anstelle von separaten Vorlagen für Bild, Text usw. Die Schlüssel sind die Formate, wie in allowedPreviewTypes und Werte gesetzt werden die Vorlagen für die Vorschau. Es gibt Standard prebuilt Vorlagen für jede Vorschau Dateityp (generic, Bild, Text, HTML, Video, Audio, Flash, Objekt und andere). Die generische Vorlage verwendet wird, nur für die Anzeige von initialPreview Inhalt direkt Markup verwenden.

Was ist neu in Version 2.2.0:.

• Update readAsBinaryString zu readAsArrayBuffer

Was ist neu in Version 2.0.0:

• Neues Plugin Ereignisse hinzugefügt: fileerror, fileloaded, filecleared .
• Neues Plugin Methoden hinzugefügt: deaktivieren, aktivieren
• Verbesserte konfigurierbare Vorlagen für die Vorschau von Bild, Text und andere Dateien (und eine generische Vorlage).
• Beschriftungstext konfigurierbar durch einen neuen Parameter msgSelected machen.
• Die korrekte Berechnung von Dateien ausgewählt, wenn initPreview falsch ist.
• Automatische Stufenbilder für die Vorschau, wenn Bilder zu breit in Behälter zu passen.

Was ist neu in Version 1.8.0:

• Verbesserte Beschriftung Vorlage und Styling für Beschriftungen Überlauf zu verhindern von langen Dateinamen die aus dem Titel Container.

Was ist neu in Version 1.7.0:

• Das Plugin bietet nun eine zusätzliche Option overwriteInitial <. / li>

Was ist neu in Version 1.6.0:

• Das Plugin bietet nun eine zusätzliche Aktualisierungsmethode. Auf diese Weise können Sie dynamisch ändern Element-Attribute oder Plugin-Optionen zur Laufzeit und aktualisieren Sie die Widgets.

Anforderungen: :

• Sie JavaScript auf Client-Seite aktiviert
• jQuery 1.9 oder höher
• Bootstrap 3 oder höher