Bootstrap File Input

Bunun yerine seçerek ve bir seferde bir dosya yükleyerek, ya da aynı biçimde birden yükleme alanları kullanarak

, geliştiriciler dosya önizleme ile komple bir güzel dosya arayüzü toplama ile kullanıcılara sunmak için Bootstrap Dosya Giriş dağıtabilir, destek çoklu dosya seçimleri ve çeşitli eylem düğmeleri için.

Bootstrap Dosya Girdi temelde dört ana unsuru vardır. Dosya seçim tuşu, yükleme düğmesi, kaldır seçimleri düğmesi ve önizleme bölümü.

​​Bunların her biri, özelleştirilmiş dosya seçiciler oluşturmak için geliştiriciler sağlayan kapalı ya da CSS ile özelleştirilebilir.

Bootstrap Dosya Girdi da, engelli durumları destekler bu disk boyutu söz konusu olduğunda çok hafif ve yükleme işlemi ile ilgili tek istemci tarafı işlemlerini gerçekleştirir. Bu aslında yüklenen dosyaları kaydetmek ve saklamak için sunucu tarafında entegre edilmesi gerektiği anlamına gelir. İyi haber şu ki JavaScript ve HTML 5 ile yazılmış oluyor çünkü sunucu tarafı programlama dili hemen hemen her türlü çalışma yapılabilir olmasıdır.

Bir demo Bootstrap File Girdi indir paketinde bulunan

Bu sürümdeki yeni Nedir:.

• Geliştirme:

layoutTemplates ve previewTemplates
• Özel etiketleri desteği (yeni özellikler customLayoutTags ve customPreviewTags dahil).
• Yeni filebatchselected olay dosyalarının her parti sonra tetiklenen seçilir.

yerine regexp ayrıştırma
• Yeni hızlı replaceAll yöntem şablonları etiketleri değiştirmek için.
• güvenlik özel mesajı gösterecektir FileReader güvenlik istisnaları ve yeni bir özellik msgFileSecured yakalama için hata işleyicisi geliştirin.

(JSHint Kod temizleme kütüphanesini kullanarak) JS tüy bırakmayan değişiklikleri
• Kod temizleme ve yeniden yapılandırılması.
• boşluk / kelime ara vermeden uzun dosya adları ekranını bekleyin.
• Çeşitli yükleme modları (tek, toplu zaman uyumsuz ve toplu senkronizasyonu) için dosya yığının Fix sıfırlama.
• ilerleme çubuğu tasarım geliştirmeleri yükleyin.

sürüm 4.2.8 yeni Nedir:

• Donanım:

layoutTemplates ve previewTemplates
• Özel etiketleri desteği (yeni özellikler customLayoutTags ve customPreviewTags dahil).
• Yeni filebatchselected olay dosyalarının her parti sonra tetiklenen seçilir.

yerine regexp ayrıştırma
• Yeni hızlı replaceAll yöntem şablonları etiketleri değiştirmek için.
• güvenlik özel mesajı gösterecektir FileReader güvenlik istisnaları ve yeni bir özellik msgFileSecured yakalama için hata işleyicisi geliştirin.

(JSHint Kod temizleme kütüphanesini kullanarak) JS tüy bırakmayan değişiklikleri
• Kod temizleme ve yeniden yapılandırılması.
• boşluk / kelime ara vermeden uzun dosya adları ekranını bekleyin.
• Çeşitli yükleme modları (tek, toplu zaman uyumsuz ve toplu senkronizasyonu) için dosya yığının Fix sıfırlama.
• ilerleme çubuğu tasarım geliştirmeleri yükleyin.

sürüm 4.2.2 yeni Nedir:

• Donanım:

layoutTemplates ve previewTemplates
• Özel etiketleri desteği (yeni özellikler customLayoutTags ve customPreviewTags dahil).
• Yeni filebatchselected olay dosyalarının her parti sonra tetiklenen seçilir.

yerine regexp ayrıştırma
• Yeni hızlı replaceAll yöntem şablonları etiketleri değiştirmek için.
• güvenlik özel mesajı gösterecektir FileReader güvenlik istisnaları ve yeni bir özellik msgFileSecured yakalama için hata işleyicisi geliştirin.

(JSHint Kod temizleme kütüphanesini kullanarak) JS tüy bırakmayan değişiklikleri
• Kod temizleme ve yeniden yapılandırılması.
• boşluk / kelime ara vermeden uzun dosya adları ekranını bekleyin.
• Çeşitli yükleme modları (tek, toplu zaman uyumsuz ve toplu senkronizasyonu) için dosya yığının Fix sıfırlama.
• ilerleme çubuğu tasarım geliştirmeleri yükleyin.

sürüm 4.2.1 yeni Nedir:

• Donanım:

layoutTemplates ve previewTemplates
• Özel etiketleri desteği (yeni özellikler customLayoutTags ve customPreviewTags dahil).
• Yeni filebatchselected olay dosyalarının her parti sonra tetiklenen seçilir.

yerine regexp ayrıştırma
• Yeni hızlı replaceAll yöntem şablonları etiketleri değiştirmek için.
• güvenlik özel mesajı gösterecektir FileReader güvenlik istisnaları ve yeni bir özellik msgFileSecured yakalama için hata işleyicisi geliştirin.

(JSHint Kod temizleme kütüphanesini kullanarak) JS tüy bırakmayan değişiklikleri
• Kod temizleme ve yeniden yapılandırılması.
• boşluk / kelime ara vermeden uzun dosya adları ekranını bekleyin.
• Çeşitli yükleme modları (tek, toplu zaman uyumsuz ve toplu senkronizasyonu) için dosya yığının Fix sıfırlama.
• ilerleme çubuğu tasarım geliştirmeleri yükleyin.

sürüm 4.2.0 yeni Nedir:

• Donanım:

layoutTemplates ve previewTemplates
• Özel etiketleri desteği (yeni özellikler customLayoutTags ve customPreviewTags dahil).
• Yeni filebatchselected olay dosyalarının her parti sonra tetiklenen seçilir.

yerine regexp ayrıştırma
• Yeni hızlı replaceAll yöntem şablonları etiketleri değiştirmek için.
• güvenlik özel mesajı gösterecektir FileReader güvenlik istisnaları ve yeni bir özellik msgFileSecured yakalama için hata işleyicisi geliştirin.

(JSHint Kod temizleme kütüphanesini kullanarak) JS tüy bırakmayan değişiklikleri
• Kod temizleme ve yeniden yapılandırılması.
• boşluk / kelime ara vermeden uzun dosya adları ekranını bekleyin.
• Çeşitli yükleme modları (tek, toplu zaman uyumsuz ve toplu senkronizasyonu) için dosya yığının Fix sıfırlama.
• ilerleme çubuğu tasarım geliştirmeleri yükleyin.

sürüm 4.1.8 yeni Nedir:

• Donanım:

layoutTemplates ve previewTemplates
• Özel etiketleri desteği (yeni özellikler customLayoutTags ve customPreviewTags dahil).
• Yeni filebatchselected olay dosyalarının her parti sonra tetiklenen seçilir.

yerine regexp ayrıştırma
• Yeni hızlı replaceAll yöntem şablonları etiketleri değiştirmek için.
• güvenlik özel mesajı gösterecektir FileReader güvenlik istisnaları ve yeni bir özellik msgFileSecured yakalama için hata işleyicisi geliştirin.

(JSHint Kod temizleme kütüphanesini kullanarak) JS tüy bırakmayan değişiklikleri
• Kod temizleme ve yeniden yapılandırılması.
• boşluk / kelime ara vermeden uzun dosya adları ekranını bekleyin.
• Çeşitli yükleme modları (tek, toplu zaman uyumsuz ve toplu senkronizasyonu) için dosya yığının Fix sıfırlama.
• ilerleme çubuğu tasarım geliştirmeleri yükleyin.

sürüm 4.1.7 yeni Nedir:

• Donanım:

layoutTemplates ve previewTemplates
• Özel etiketleri desteği (yeni özellikler customLayoutTags ve customPreviewTags dahil).
• Yeni filebatchselected olay dosyalarının her parti sonra tetiklenen seçilir.

yerine regexp ayrıştırma
• Yeni hızlı replaceAll yöntem şablonları etiketleri değiştirmek için.
• güvenlik özel mesajı gösterecektir FileReader güvenlik istisnaları ve yeni bir özellik msgFileSecured yakalama için hata işleyicisi geliştirin.

(JSHint Kod temizleme kütüphanesini kullanarak) JS tüy bırakmayan değişiklikleri
• Kod temizleme ve yeniden yapılandırılması.
• boşluk / kelime ara vermeden uzun dosya adları ekranını bekleyin.
• Çeşitli yükleme modları (tek, toplu zaman uyumsuz ve toplu senkronizasyonu) için dosya yığının Fix sıfırlama.
• ilerleme çubuğu tasarım geliştirmeleri yükleyin.

sürüm 4.0.0 yeni Nedir:

HTML5 FormData kullanarak AJAX tabanlı UPLOAD için

• Ekle işlevselliği ( en modern tarayıcılar) bunu destekleyecek. Bu desteklenmiyorsa, normal Formu Tabanlı Dosya sunulması için düşer.
• AJAX yükle kullanmak için, uploadURL özelliği ZORUNLU ve ayarlanması gerekir.
• Şimdi dosyaları eklenir, eklenen (birçok dan GERİ BİLDİRİM dayalı) çıkarılmasına izin için eklenti geliştirin. Böylece bir önizleme dosyaları ekleyebilirsiniz.

önizleme mevcut
• Yeni Sürükle ve Bırak Bölgesi sürükle ve bırak dosyaları ve eklemek için.
• Sil veya tek VEYA toplu dosyaları tek yükleyin.

showPreview false olarak ayarlanır, veya uploadURL eklentisi normal form tabanlı upload düşer desteklenmiyorsa
• .

, Dosya başarıyla, yüklenen dosyalar dosya yükleme bekleyen
• yapılandırılabilir göstergeler yüklemede hata bildiren.
• ajax tabanlı yüklenenler ekstra form verilerini eklemek için yeteneği.
• yükle ilerleme çubuğu ve bireysel küçük yükleme göstergeleri.
• devam eden AJAX yüklemeleri iptal ve iptal yeteneği.
• Şablonlar yenilenen ve her dosya türü için geliştirilmiştir.

sürüm 3.0.0 yeni Nedir:

• devre dışı için geliştirilmiş yükleme düğmesi / kullanıldığında enable zaman & # x3c a & # x3e; etiketi.
• Her dosya doğrulandıktan düzgün sonra hataları göstermek için önizleme yenileyin.
• slugCallback özelliği ile sülük yöntemi geçersiz kılmak yeteneği eklendi.

sürüm 2.7.0 yeni Nedir:.

• composer.json istikrarlı olarak ayarlayın bırakma

Hangi sürümü 2.6.0 yeni

• görüntülemek için `elErrorContainer` yapılandırmak için eklenti geliştirin doğrulama hataları.
• Templatize errorContainer önizleme penceresinde görüntülemek için.
• IE (ver & # x3c; 11) için daha fazla doğru düzeltme. Fileinput değerlerini silmek için yetersizlik

Hangi sürümü 2.4.0 yeni

• Eklenti önizleme istihbarat dayalı inşa etmek yeniden canlanmış oldu çeşitli dosya önizleme türleri. dahili dosya desteği türleri resim, metin, html, video, ses, flaş, nesne ve diğer olarak kategorize edilir.
• allowedPreviewTypes: Artık tüm dosya türlerini bir önizleme olarak gösterilmesine izin hangi yapılandırabilirsiniz. [ 'Görüntü', 'html', 'metin', '' video 'ses', 'flaş', 'nesne'] Bu varsayılan. Böylece tüm dosya türlerini varsayılan önizleme bir nesne olarak kabul edilir. exampleTo önizleme yalnızca görüntü ve video için, [ 'görüntü', 'video'] olarak ayarlayabilirsiniz.
• allowedPreviewMimeTypes: allowedPreviewTypes ek olarak, aynı zamanda tüm mim türleri önizleme için görüntülenebilir kontrol edebilirsiniz. tüm MIME türleri anlam boş Bu varsayılan desteklenir.
• layoutTemplates: Bir özelliği içinde tüm düzen şablon ayarlarını konfigüre etmenize olanak sağlar. yapılandırılabilir düzen nesnelerdir: main1, main2, önizleme, başlık, ve modal
.
• previewTemplates: Her önizleme tipi için tüm önizleme şablonları, metin vb yerine görüntü için ayrı şablonlar, bir mülkiyet içine kombine edilmiştir tuşları allowedPreviewTypes ve değerleri belirlenen formatlar önizleme için kullanılan şablonlar vardır bulunmaktadır. Her önizleme dosya türü (genel, resim, metin, html, video, ses, flaş, nesne ve diğer) için varsayılan önceden oluşturulmuş şablonlar vardır. genel şablon sadece doğrudan biçimlendirme kullanarak initialPreview içeriği görüntülemek için kullanılır.

Hangi sürümü 2.2.0 Yeni:.

• readAsArrayBuffer Güncelleştirme readAsBinaryString

Hangi sürümü 2.0.0 yeni

• Yeni eklenti etkinlikler eklendi: fileerror, fileloaded, filecleared .
• Yeni eklenti yöntemleri eklendi: devre dışı etkinleştirme
• görüntü, metin ve diğer dosyaları (ve genel bir şablon) önizleme için yapılandırılabilir şablonlar Geliştirilmiş.

yeni bir parametre msgSelected aracılığıyla başlık metni yapılandırılabilir olun
• .
• initPreview false olduğunda seçilen dosyaların doğru hesaplama.

görüntüler kapta sığmayacak kadar geniş önizleme,
• Otomatik ölçekli görüntüler.

sürüm 1.8.0 yeni Nedir:

• taşmasını önlemek için başlıklar için geliştirilmiş başlık şablonu ve stil başlık kabın üzerinden uzun dosya isimleri.

Hangi sürümü 1.7.0 yeni

• eklenti artık ek bir overwriteInitial seçenek sunuyor <. / li>

sürüm 1.6.0 yeni Nedir:

• eklenti artık ek bir yenileme yöntemi sunuyor. Bu dinamik Widget eleman zamanında öznitelikleri veya eklenti seçenekleri değiştirmek ve yenilemek için olanak sağlar.

Gereksinimleri :

• JavaScript istemci tarafında etkin
• jQuery 1.9 veya daha yüksek
• Bootstrap 3 veya üstü