Apa itu Bootstrap?
Bootstrap adalah kerangka kerja front-end untuk pengembangan cepat aplikasi dan situs web Web. Bootstrap didasarkan pada HTML, CSS, dan JavaScript.
sejarah
Bootstrap dikembangkan oleh Mark Otto dan Jacob Thornton dari Twitter. Bootstrap adalah produk open source yang dirilis di GitHub pada Agustus 2011.
Isi paket bootstrap
Struktur Dasar: Bootstrap menyediakan struktur dasar dengan sistem grid, gaya tautan, dan latar belakang. Ini akan dijelaskan secara rinci di bagian Struktur Dasar Bootstrap.
CSS: Bootstrap hadir dengan fitur -fitur berikut: Pengaturan CSS global, definisi gaya elemen HTML dasar, kelas yang dapat diperluas, dan sistem grid canggih. Ini akan dijelaskan secara rinci di bagian Bootstrap CSS.
Komponen: Bootstrap berisi lebih dari selusin komponen yang dapat digunakan kembali untuk membuat gambar, menu drop-down, navigasi, kotak peringatan, kotak pop-up, dan banyak lagi. Ini akan dijelaskan secara rinci di bagian Tata Letak Komponen.
Plugin Javascript: Bootstrap berisi lebih dari selusin plugin jQuery khusus. Anda dapat memasukkan semua plugin secara langsung atau satu per satu. Ini akan dijelaskan secara rinci di bagian plug-in Bootstrap.
Kustomisasi: Anda dapat menyesuaikan komponen bootstrap, lebih sedikit variabel, dan plug-in jQuery untuk mendapatkan versi Anda sendiri.
Apa yang diperkenalkan di atas bukanlah fokus artikel ini. Berikut adalah cara mengunggah gambar setelah formulir dihasilkan, Anda dapat mempratinjau gambar tepat waktu.
Kode ini adalah sebagai berikut (alamat koneksi: https://github.com/xiexingen/boottrap-smartform/blob/master/demo/form3-ele-img.html):
• Mengandalkan plugin JQuery-File-Exload, Anda perlu referensi jQuery.ui.widget.js, jQuery.iframe-transport.js, dan jQuery.fileload.js
• Hubungi global.fn.initplugin ('img', 'FormContainer'); FormContainer: Untuk ID formulir, perapkan rentang pencarian, opsional
Prinsip plug-in ini adalah untuk mengunggah gambar ke server, dan kemudian server mengembalikan jalur ke penyimpanan gambar. Akhirnya, saat mengirimkan formulir, jalur ke penyimpanan server , deskripsi parameter:
ID: 'dapat diberikan sesuka hati, terutama digunakan untuk membedakan'
Beberapa: 'Benar', apakah beberapa file seleksi diperbolehkan selama mengunggah
Nama: Kunci untuk mengirimkan saat mengunggah file
Perpanjangan:
Bidang: Saat menyimpan formulir, nama kunci yang dikirim: opsional [tunggal | Mutiple | null] Jika itu lajang, itu berarti bahwa gambar yang diunggah akan menggantikan gambar yang ada, jika tidak itu akan ditambahkan ke gambar saat ini.
URL: URL yang dikirimkan dengan mengunggah gambar, Anda juga dapat memodifikasi nilai default di global.fn.inituploadimage di file global.js
Catatan: Format JSON yang dikembalikan secara default adalah: {hasil: 200, imgurl: '......'}, hasil: 200 berarti bahwa unggahan gambar berhasil!
Menjalankan tangkapan layar:
Di atas adalah deskripsi lengkap dari dukungan untuk unggahan gambar Smart Smart Bootstrap Smart Series (9) yang diperkenalkan oleh editor kepada Anda. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!