Bootstrap File Input

Alih-alih memilih dan meng-upload satu file pada satu waktu, atau menggunakan beberapa bidang unggahan dalam bentuk yang sama, pengembang dapat menyebarkan Bootstrap Berkas Masukan untuk memberikan pengguna mereka dengan file yang indah memilih antarmuka, lengkap dengan preview berkas, dukungan untuk pilihan multi-file, dan berbagai tombol tindakan.

Bootstrap Berkas Masukan memiliki dasarnya empat elemen utama. Tombol seleksi berkas, tombol upload, tombol pilihan hapus, dan bagian preview.

Masing-masing dapat dimatikan atau disesuaikan melalui CSS, memungkinkan pengembang untuk membuat pemetik berkas disesuaikan, karena mereka melihat cocok untuk digunakan dalam aplikasi mereka.

Bootstrap Berkas Masukan juga mendukung negara penyandang cacat, sangat ringan ketika datang ke ukuran disk, dan menangani hanya operasi client-side mengenai proses upload. Ini berarti perlu diintegrasikan pada server-side untuk benar-benar menyimpan dan menyimpan file upload. Kabar baiknya adalah bahwa karena ini ditulis dalam JavaScript dan HTML 5 dapat dibuat untuk bekerja dengan hampir semua jenis bahasa pemrograman server-side.

Sebuah demo disertakan dengan Bootstrap Berkas paket download Masukan

Apa yang baru dalam rilis ini:.

• Enhancement:
• tag kustom dukungan untuk layoutTemplates dan previewTemplates (sifat customLayoutTags baru dan customPreviewTags termasuk).
• acara filebatchselected New dipicu setelah setiap batch file yang dipilih.
• New metode replaceAll lebih cepat daripada parsing regexp untuk menggantikan tag di template.
• Meningkatkan handler kesalahan untuk menjebak pengecualian keamanan FileReader dan properti baru msgFileSecured akan menampilkan pesan keamanan pengecualian.
• Kode pembersihan dan restrukturisasi untuk perubahan lint JS (menggunakan JSHint Kode pembersihan perpustakaan).
• Izinkan tampilan nama file yang panjang tanpa spasi / kata istirahat.
• Fix ulang file stack untuk berbagai modus meng-upload (tunggal, async batch dan bets sync).
• Upload progress tambahan bar styling.

Apa yang baru di versi 4.2.8:

• Enhancement:
• tag kustom dukungan untuk layoutTemplates dan previewTemplates (sifat customLayoutTags baru dan customPreviewTags termasuk).
• acara filebatchselected New dipicu setelah setiap batch file yang dipilih.
• New metode replaceAll lebih cepat daripada parsing regexp untuk menggantikan tag di template.
• Meningkatkan handler kesalahan untuk menjebak pengecualian keamanan FileReader dan properti baru msgFileSecured akan menampilkan pesan keamanan pengecualian.
• Kode pembersihan dan restrukturisasi untuk perubahan lint JS (menggunakan JSHint Kode pembersihan perpustakaan).
• Izinkan tampilan nama file yang panjang tanpa spasi / kata istirahat.
• Fix ulang file stack untuk berbagai modus meng-upload (tunggal, async batch dan bets sync).
• Upload progress tambahan bar styling.

Apa yang baru di versi 4.2.2:

• Enhancement:
• tag kustom dukungan untuk layoutTemplates dan previewTemplates (sifat customLayoutTags baru dan customPreviewTags termasuk).
• acara filebatchselected New dipicu setelah setiap batch file yang dipilih.
• New metode replaceAll lebih cepat daripada parsing regexp untuk menggantikan tag di template.
• Meningkatkan handler kesalahan untuk menjebak pengecualian keamanan FileReader dan properti baru msgFileSecured akan menampilkan pesan keamanan pengecualian.
• Kode pembersihan dan restrukturisasi untuk perubahan lint JS (menggunakan JSHint Kode pembersihan perpustakaan).
• Izinkan tampilan nama file yang panjang tanpa spasi / kata istirahat.
• Fix ulang file stack untuk berbagai modus meng-upload (tunggal, async batch dan bets sync).
• Upload progress tambahan bar styling.

Apa yang baru di versi 4.2.1:

• Enhancement:
• tag kustom dukungan untuk layoutTemplates dan previewTemplates (sifat customLayoutTags baru dan customPreviewTags termasuk).
• acara filebatchselected New dipicu setelah setiap batch file yang dipilih.
• New metode replaceAll lebih cepat daripada parsing regexp untuk menggantikan tag di template.
• Meningkatkan handler kesalahan untuk menjebak pengecualian keamanan FileReader dan properti baru msgFileSecured akan menampilkan pesan keamanan pengecualian.
• Kode pembersihan dan restrukturisasi untuk perubahan lint JS (menggunakan JSHint Kode pembersihan perpustakaan).
• Izinkan tampilan nama file yang panjang tanpa spasi / kata istirahat.
• Fix ulang file stack untuk berbagai modus meng-upload (tunggal, async batch dan bets sync).
• Upload progress tambahan bar styling.

Apa yang baru di versi 4.2.0:

• Enhancement:
• tag kustom dukungan untuk layoutTemplates dan previewTemplates (sifat customLayoutTags baru dan customPreviewTags termasuk).
• acara filebatchselected New dipicu setelah setiap batch file yang dipilih.
• New metode replaceAll lebih cepat daripada parsing regexp untuk menggantikan tag di template.
• Meningkatkan handler kesalahan untuk menjebak pengecualian keamanan FileReader dan properti baru msgFileSecured akan menampilkan pesan keamanan pengecualian.
• Kode pembersihan dan restrukturisasi untuk perubahan lint JS (menggunakan JSHint Kode pembersihan perpustakaan).
• Izinkan tampilan nama file yang panjang tanpa spasi / kata istirahat.
• Fix ulang file stack untuk berbagai modus meng-upload (tunggal, async batch dan bets sync).
• Upload progress tambahan bar styling.

Apa yang baru di versi 4.1.8:

• Enhancement:
• tag kustom dukungan untuk layoutTemplates dan previewTemplates (sifat customLayoutTags baru dan customPreviewTags termasuk).
• acara filebatchselected New dipicu setelah setiap batch file yang dipilih.
• New metode replaceAll lebih cepat daripada parsing regexp untuk menggantikan tag di template.
• Meningkatkan handler kesalahan untuk menjebak pengecualian keamanan FileReader dan properti baru msgFileSecured akan menampilkan pesan keamanan pengecualian.
• Kode pembersihan dan restrukturisasi untuk perubahan lint JS (menggunakan JSHint Kode pembersihan perpustakaan).
• Izinkan tampilan nama file yang panjang tanpa spasi / kata istirahat.
• Fix ulang file stack untuk berbagai modus meng-upload (tunggal, async batch dan bets sync).
• Upload progress tambahan bar styling.

Apa yang baru di versi 4.1.7:

• Enhancement:
• tag kustom dukungan untuk layoutTemplates dan previewTemplates (sifat customLayoutTags baru dan customPreviewTags termasuk).
• acara filebatchselected New dipicu setelah setiap batch file yang dipilih.
• New metode replaceAll lebih cepat daripada parsing regexp untuk menggantikan tag di template.
• Meningkatkan handler kesalahan untuk menjebak pengecualian keamanan FileReader dan properti baru msgFileSecured akan menampilkan pesan keamanan pengecualian.
• Kode pembersihan dan restrukturisasi untuk perubahan lint JS (menggunakan JSHint Kode pembersihan perpustakaan).
• Izinkan tampilan nama file yang panjang tanpa spasi / kata istirahat.
• Fix ulang file stack untuk berbagai modus meng-upload (tunggal, async batch dan bets sync).
• Upload progress tambahan bar styling.

Apa yang baru di versi 4.0.0:

• Tambahkan fungsi untuk AJAX UPLOAD berdasarkan menggunakan HTML5 FormData ( sebagian besar browser modern mendukungnya). Akan menurunkan ke Form Berdasarkan biasa penyerahan berkas jika hal ini tidak didukung.
• Untuk menggunakan AJAX Upload, properti uploadUrl adalah WAJIB dan harus diatur.
• Meningkatkan plugin untuk sekarang memungkinkan file yang akan ditambahkan, ditambahkan, dihapus (berdasarkan kritik dari banyak). Dengan demikian kita dapat menambahkan file ke pratinjau.
• New DRAG & DROP zona tersedia di preview untuk drag dan drop file dan menambahkan.
• Hapus atau meng-upload file satu per satu atau dalam batch.
• Jika showPreview diatur ke false, atau uploadUrl tidak didukung Plugin akan menurunkan normal upload berbasis bentuk.
• indikator dikonfigurasi untuk berkas menunggu upload, file yang berhasil diunggah, file errored di upload.
• Kemampuan untuk menambahkan data formulir tambahan dengan upload berbasis ajax.
• Upload progress bar dan meng-upload thumbnail individu indikator.
• Kemampuan untuk membatalkan dan membatalkan upload AJAX yang sedang berlangsung.
• Template telah dirubah dan disempurnakan untuk setiap jenis file.

Apa yang baru di versi 3.0.0:

• Peningkatan Upload tombol untuk menonaktifkan / mengaktifkan bila digunakan dengan & # x3c; a & # x3e; tag.
• Segarkan pratinjau untuk menunjukkan kesalahan dengan benar setelah setiap file divalidasi.
• Ditambahkan kemampuan untuk mengganti metode siput dengan properti slugCallback.

Apa yang baru di versi 2.7.0:.

• Set rilis stabil di composer.json

Apa yang baru di versi 2.6.0:

• Meningkatkan plugin untuk mengkonfigurasi `elErrorContainer` untuk menampilkan kesalahan validasi.
• Templatize errorContainer untuk tampilan dalam jendela pratinjau.
• memperbaiki Lebih benar untuk IE (ver & # x3c; 11). Ketidakmampuan untuk menghapus nilai-nilai fileinput

Apa yang baru di versi 2.4.0:

• Plugin telah dirubah untuk membangun kecerdasan pratinjau berdasarkan berbagai jenis file preview. Jenis dukungan file inbuilt dikategorikan sebagai gambar, teks, html, video, audio, flash, objek, dan lainnya.
• allowedPreviewTypes: Sekarang Anda dapat mengkonfigurasi semua jenis file yang diizinkan untuk ditampilkan sebagai preview. Ini default untuk [ 'image', 'html', 'text', 'video', 'audio yang', 'flash', 'objek']. Jadi, semua jenis file diperlakukan sebagai obyek untuk pratinjau secara default. Untuk exampleTo pratinjau hanya gambar dan video, Anda dapat mengatur ini untuk [ 'image', 'video'].
• allowedPreviewMimeTypes: Selain allowedPreviewTypes, Anda juga dapat mengontrol semua jenis mime dapat ditampilkan untuk preview. Ini default ke nol, yang berarti semua jenis mime didukung.
• layoutTemplates: Memungkinkan Anda untuk mengkonfigurasi semua pengaturan tata letak kerangka dalam satu properti. Tata letak benda-benda yang dapat dikonfigurasi adalah: main1, main2, pratinjau, caption, dan modal
.
• previewTemplates: Semua template preview untuk setiap jenis pratinjau telah digabungkan menjadi satu properti, bukannya template terpisah untuk gambar, teks dll kunci adalah format yang ditetapkan dalam allowedPreviewTypes dan nilai-nilai yang template digunakan untuk melihat dulu. Ada standar prebuilt template untuk setiap jenis file preview (generik, gambar, teks, html, video, audio, flash, objek, dan lainnya). Template generik hanya digunakan untuk menampilkan konten initialPreview menggunakan markup langsung.

Apa yang baru di versi 2.2.0:.

• Update readAsBinaryString untuk readAsArrayBuffer

Apa yang baru di versi 2.0.0:

• peristiwa Plugin baru ditambahkan: fileerror, fileloaded, filecleared .
• metode Plugin New menambahkan: menonaktifkan, mengaktifkan
• Peningkatan template dikonfigurasi untuk melihat pratinjau gambar, teks, dan file lainnya (dan template generik).
• Membuat caption text dikonfigurasi melalui parameter baru msgSelected.
• perhitungan yang benar dari file yang dipilih ketika initPreview adalah palsu.
• gambar skala otomatis untuk pratinjau, ketika gambar yang terlalu lebar untuk muat di kontainer.

Apa yang baru di versi 1.8.0:

• Peningkatan Template keterangan dan styling untuk keterangan untuk mencegah overflow nama file panjang dari wadah caption.

Apa yang baru di versi 1.7.0:

• Plugin sekarang menawarkan opsi overwriteInitial tambahan <. / li>

Apa yang baru di versi 1.6.0:

• Plugin sekarang menawarkan metode penyegaran tambahan. Hal ini memungkinkan Anda untuk secara dinamis mengubah atribut elemen atau opsi Plugin di runtime dan menyegarkan widget.

Persyaratan :

• memampukan JavaScript pada sisi klien
• jQuery 1.9 atau lebih tinggi
• Bootstrap 3 atau lebih tinggi