Bootstrap File Input

Zamiast wybierania i przesłać jeden plik na raz, lub przy użyciu wielu pól przesyłania w tej samej formie, deweloperzy mogą wdrożyć Bootstrap plik wejściowy, aby zapewnić swoim użytkownikom piękny plików zbieranie interfejs, wraz z podglądem plików, wsparcie podczas wyboru wielu plików i różnych przycisków akcji.

Wejście Bootstrap Plik ma zasadniczo cztery główne elementy. Przycisk wyboru pliku, przycisk Prześlij, przycisk pozycje Usuń, a sekcja podglądu.

Każdy z nich może być wyłączony lub dostosowane przez CSS, co pozwala programistom na tworzenie dostosowanych zbieraczy plików, jak im się wykorzystać w swojej aplikacji.

Bootstrap plik wejściowy obsługuje również stany niepełnosprawnych, jest bardzo jasny, jeśli chodzi o rozmiar dysku i obsługuje jedynie operacje po stronie klienta dotyczących procesu ładowania. Oznacza to, że musi być zintegrowane na stronie serwera, aby właściwie zapisać i przechowywać przesłane pliki. Dobrą wiadomością jest to, że ponieważ jest napisane w JavaScript i HTML 5 to może być wykonane do pracy z niemal każdego rodzaju języka programowania po stronie serwera.

A demo jest dołączony do Bootstrap pliku wejściowym pakietu pobierania

Co nowego w tej wersji.

• Enhancement:
• Własne wsparcie dla layoutTemplates i previewTemplates (nowe właściwości customLayoutTags i customPreviewTags zestawie).
• Nowy filebatchselected zdarzenia wyzwalany po każdej partii plików są zaznaczone.
• Nowa metoda szybsza replaceAll zamiast wyrażenia regularnego analizowania zastąpić znaczniki w szablonach.
• Poprawa obsługi błędów do wychwytywania wyjątków zabezpieczeń FileReader i nową właściwość msgFileSecured wyświetli komunikat wyjątku bezpieczeństwa.
• cleanupie i restrukturyzacji zmian szarpie js (za pomocą kodu JSHint oczyszczania Library).
• Zezwalaj na wyświetlanie długich nazw plików bez przerw obowiązuje / słowo.
• Reset Fix pliku stosu dla różnych trybów wysyłania (pojedyncze, async wsadowym i synchronizacji partii).
• przesłać postęp ulepszenia bar stylizacji.

Co nowego w wersji 4.2.8:

• Enhancement:
• Własne wsparcie dla layoutTemplates i previewTemplates (nowe właściwości customLayoutTags i customPreviewTags zestawie).
• Nowy filebatchselected zdarzenia wyzwalany po każdej partii plików są zaznaczone.
• Nowa metoda szybsza replaceAll zamiast wyrażenia regularnego analizowania zastąpić znaczniki w szablonach.
• Poprawa obsługi błędów do wychwytywania wyjątków zabezpieczeń FileReader i nową właściwość msgFileSecured wyświetli komunikat wyjątku bezpieczeństwa.
• cleanupie i restrukturyzacji zmian szarpie js (za pomocą kodu JSHint oczyszczania Library).
• Zezwalaj na wyświetlanie długich nazw plików bez przerw obowiązuje / słowo.
• Reset Fix pliku stosu dla różnych trybów wysyłania (pojedyncze, async wsadowym i synchronizacji partii).
• przesłać postęp ulepszenia bar stylizacji.

Co nowego w wersji 4.2.2:

• Enhancement:
• Własne wsparcie dla layoutTemplates i previewTemplates (nowe właściwości customLayoutTags i customPreviewTags zestawie).
• Nowy filebatchselected zdarzenia wyzwalany po każdej partii plików są zaznaczone.
• Nowa metoda szybsza replaceAll zamiast wyrażenia regularnego analizowania zastąpić znaczniki w szablonach.
• Poprawa obsługi błędów do wychwytywania wyjątków zabezpieczeń FileReader i nową właściwość msgFileSecured wyświetli komunikat wyjątku bezpieczeństwa.
• cleanupie i restrukturyzacji zmian szarpie js (za pomocą kodu JSHint oczyszczania Library).
• Zezwalaj na wyświetlanie długich nazw plików bez przerw obowiązuje / słowo.
• Reset Fix pliku stosu dla różnych trybów wysyłania (pojedyncze, async wsadowym i synchronizacji partii).
• przesłać postęp ulepszenia bar stylizacji.

Co nowego w wersji 4.2.1:

• Enhancement:
• Własne wsparcie dla layoutTemplates i previewTemplates (nowe właściwości customLayoutTags i customPreviewTags zestawie).
• Nowy filebatchselected zdarzenia wyzwalany po każdej partii plików są zaznaczone.
• Nowa metoda szybsza replaceAll zamiast wyrażenia regularnego analizowania zastąpić znaczniki w szablonach.
• Poprawa obsługi błędów do wychwytywania wyjątków zabezpieczeń FileReader i nową właściwość msgFileSecured wyświetli komunikat wyjątku bezpieczeństwa.
• cleanupie i restrukturyzacji zmian szarpie js (za pomocą kodu JSHint oczyszczania Library).
• Zezwalaj na wyświetlanie długich nazw plików bez przerw obowiązuje / słowo.
• Reset Fix pliku stosu dla różnych trybów wysyłania (pojedyncze, async wsadowym i synchronizacji partii).
• przesłać postęp ulepszenia bar stylizacji.

Co nowego w wersji 4.2.0:

• Enhancement:
• Własne wsparcie dla layoutTemplates i previewTemplates (nowe właściwości customLayoutTags i customPreviewTags zestawie).
• Nowy filebatchselected zdarzenia wyzwalany po każdej partii plików są zaznaczone.
• Nowa metoda szybsza replaceAll zamiast wyrażenia regularnego analizowania zastąpić znaczniki w szablonach.
• Poprawa obsługi błędów do wychwytywania wyjątków zabezpieczeń FileReader i nową właściwość msgFileSecured wyświetli komunikat wyjątku bezpieczeństwa.
• cleanupie i restrukturyzacji zmian szarpie js (za pomocą kodu JSHint oczyszczania Library).
• Zezwalaj na wyświetlanie długich nazw plików bez przerw obowiązuje / słowo.
• Reset Fix pliku stosu dla różnych trybów wysyłania (pojedyncze, async wsadowym i synchronizacji partii).
• przesłać postęp ulepszenia bar stylizacji.

Co nowego w wersji 4.1.8:

• Enhancement:
• Własne wsparcie dla layoutTemplates i previewTemplates (nowe właściwości customLayoutTags i customPreviewTags zestawie).
• Nowy filebatchselected zdarzenia wyzwalany po każdej partii plików są zaznaczone.
• Nowa metoda szybsza replaceAll zamiast wyrażenia regularnego analizowania zastąpić znaczniki w szablonach.
• Poprawa obsługi błędów do wychwytywania wyjątków zabezpieczeń FileReader i nową właściwość msgFileSecured wyświetli komunikat wyjątku bezpieczeństwa.
• cleanupie i restrukturyzacji zmian szarpie js (za pomocą kodu JSHint oczyszczania Library).
• Zezwalaj na wyświetlanie długich nazw plików bez przerw obowiązuje / słowo.
• Reset Fix pliku stosu dla różnych trybów wysyłania (pojedyncze, async wsadowym i synchronizacji partii).
• przesłać postęp ulepszenia bar stylizacji.

Co nowego w wersji 4.1.7:

• Enhancement:
• Własne wsparcie dla layoutTemplates i previewTemplates (nowe właściwości customLayoutTags i customPreviewTags zestawie).
• Nowy filebatchselected zdarzenia wyzwalany po każdej partii plików są zaznaczone.
• Nowa metoda szybsza replaceAll zamiast wyrażenia regularnego analizowania zastąpić znaczniki w szablonach.
• Poprawa obsługi błędów do wychwytywania wyjątków zabezpieczeń FileReader i nową właściwość msgFileSecured wyświetli komunikat wyjątku bezpieczeństwa.
• cleanupie i restrukturyzacji zmian szarpie js (za pomocą kodu JSHint oczyszczania Library).
• Zezwalaj na wyświetlanie długich nazw plików bez przerw obowiązuje / słowo.
• Reset Fix pliku stosu dla różnych trybów wysyłania (pojedyncze, async wsadowym i synchronizacji partii).
• przesłać postęp ulepszenia bar stylizacji.

Co nowego w wersji 4.0.0:

• Dodaj funkcjonalność AJAX UPLOAD oparciu wykorzystaniem HTML5 FormData ( Większość współczesnych przeglądarek obsługuje go). Zdegraduje celu utworzenia podstawie normalnego składania pliku, jeśli to nie jest obsługiwany.
• Aby użyć AJAX upload, własność uploadUrl jest obowiązkowe i muszą być ustawione.
• Enhance wtyczki do tej pory pozwalają pliki do dodania, dołączone, usunięte (w oparciu o informacje zwrotne od wielu). W ten sposób można dołączać pliki do podglądu.
• Nowy DRAG & DROP strefy dostępne w podglądzie, aby przeciągnąć i upuścić pliki i dołączyć.
• Usuń lub przesyłać pliki pojedynczo lub w partii.
• Jeśli showPreview jest ustawiona na false lub uploadUrl nie obsługuje wtyczki zdegraduje do normalnego przesłania opartego formularza.
• Wskaźniki konfigurowalne dla plików oczekujących upload, plik pomyślnym przesłaniu plików błędami w przesłaniu.
• Możliwość dodawania dodatkowych danych przesyłanych z formularzy opartych na AJAX.

Wskaźniki
• Prześlij pasek postępu i indywidualne wysyłania miniatur.
• Możliwość anulowania i przerwać trwające przesłane AJAX.
• Szablony zostały odnowiona i wzmocniona dla każdego typu pliku.

Co nowego w wersji 3.0.0:

• Zwiększona przycisk upload dla wyłączyć / włączyć w przypadku korzystania z & # x3c; a & # X3E; tag.
• Odśwież podgląd, aby pokazać błędy poprawnie po każdy plik jest sprawdzany.
• Dodano możliwość zastąpić metodę Slug z nieruchomości slugCallback.

Co nowego w wersji 2.7.0.

• Ustaw zrzutów do stabilna composer.json

Co nowego w wersji 2.6.0:

• , aby skonfigurować `elErrorContainer` wyświetlania Enhance wtyczki błędy walidacji.
• Templatize errorContainer do wyświetlania w oknie podglądu.
• Więcej prawidłowa poprawka dla IE (ver & # x3c; 11). Niemożność usunięcia wartości fileinput

Co nowego w wersji 2.4.0:

• Wtyczka została przebudowana budować podgląd inteligencja oparta na różne rodzaje podglądu plików. Te wbudowane typy wsparcia plików są skategoryzowane jako obraz, tekst, html, video, audio, flash, obiektu, i inne.
• allowedPreviewTypes: Teraz można skonfigurować co pozwoliło są wszystkie typy plików, które mają być wyświetlane jako podgląd. Domyślnie jest to [ 'obrazu "," html "," tekst "," film "," Audio "," Flash "," obiekt "]. Tak więc wszystkie typy plików są traktowane jako obiekt do podglądu domyślnie. Dla exampleTo tylko podglądu obrazu i wideo, można ustawić na [ 'obrazu', 'video'].
• allowedPreviewMimeTypes: Oprócz allowedPreviewTypes, można również kontrolować, które wszystkie typy MIME może być wyświetlany na podglądzie. Domyślnie jest zerowa, czyli wszystkie typy MIME są obsługiwane.
• layoutTemplates: Pozwala skonfigurować wszystkie ustawienia szablonu układu w obrębie jednej nieruchomości. Przedmiotem układu, które mogą być skonfigurowane są: Main1, main2, podgląd, podpis i modalne
.
• previewTemplates: Wszystkie szablony podglądu dla każdego rodzaju podglądu zostały połączone w jeden obiekt, zamiast oddzielnych szablonów dla obrazu, tekstu itp Klawisze są formaty jak określono w allowedPreviewTypes i wartości są szablony służące do podglądu. Istnieją domyślne szablony prekompilowanymi każdego typu pliku podglądu (rodzajowym, obrazu, tekstu, HTML, wideo, audio, flash, obiektu, i inne). Szablon generic służy tylko do wyświetlania zawartości initialPreview przy użyciu bezpośredniego znaczników.

Co nowego w wersji 2.2.0.

• Aktualizacja readAsBinaryString do readAsArrayBuffer

Co nowego w wersji 2.0.0:

• Nowe zdarzenia plugin dodaje: fileerror, fileloaded, filecleared .
• Nowe metody plugin dodaje: wyłącz, włącz
• Zwiększona konfigurowalne szablony do podglądu obrazu, tekstu i innych plików (oraz ogólny szablon).
• tekst podpisu konfigurowalny za pomocą nowego parametru msgSelected.
• Prawidłowe obliczenie plików wybranych przy initPreview jest fałszywe.
• Automatyczne skalować obrazy dla podglądu, gdy obrazy są zbyt szerokie, aby zmieścić się w pojemniku.

Co nowego w wersji 1.8.0:

• Zwiększona szablon podpisu i stylizacji na podpisy, aby zapobiec przepełnieniu długich nazw plików z pojemnika podpis.

Co nowego w wersji 1.7.0:

• Wtyczka oferuje teraz dodatkową opcję overwriteInitial <. / li>

Co nowego w wersji 1.6.0:

• Wtyczka oferuje teraz dodatkową metodę odświeżania. To pozwala na dynamiczną zmianę atrybutów elementu lub opcje plugin przy starcie i odświeżyć widget.

Wymagania :

• włączona obsługa JavaScript po stronie klienta
• jQuery 1.9 lub nowszy
• Bootstrap 3 lub nowszy