Pertama-tama, saya ingin menyatakan bahwa ini adalah enkapsulasi sekunder dari kontrol unggahan sumber terbuka WebUploader, dan lapisan yang mendasarinya masih diimplementasikan oleh WebUploader, hanya untuk menggunakannya secara lebih ringkas.
Mari kita lihat WebUploader
Perkenalan:
WebUploader adalah komponen unggahan file modern berbasis HTML5 sederhana yang dikembangkan oleh tim Baidu WebFE (FEX). Dalam browser modern, ini dapat memberikan permainan penuh pada keunggulan HTML5, sambil tidak meninggalkan browser IE arus utama, menggunakan runtime FLASH asli, kompatibel dengan IE6+, iOS 6+, dan Android 4+. Metode panggilan yang sama dapat digunakan oleh pengguna kapan saja saat dua set runtime tersedia.
Penggunaan serpihan file besar dan unggahan bersamaan sangat meningkatkan efisiensi pengunggahan file.
Alamat situs web resmi: http://fex.baidu.com/webuploader/
Jika Anda tertarik untuk bermain sendiri, Anda dapat langsung mengunjungi situs web resminya
Mari kita mulai teksnya:
Dari hal di atas, kita dapat melihat bahwa fungsi WebUploader Baidu memang sangat kuat, tetapi seperti semua kontrol unggahan, fungsi ini lebih rumit untuk digunakan, seperti berikut:
Anda perlu mereferensikan banyak perpustakaan terkait terlebih dahulu,
Kemudian tulis HTML dengan baik
Kami tidak menginginkan semua ini!, hanya dua kalimat, dapatkan unggahan kami. Sebagai berikut:
Saya telah menulis bahwa gaya bootstrap css akan secara otomatis merujuk,
Mendukung beberapa unggahan file,
Secara otomatis mengidentifikasi file duplikat,
Unggahan otomatis opsional dan unggahan manual,
Anda dapat merender beberapa kontrol upload dalam halaman tanpa konflik
Kemudian beberapa parameter konfigurasi terkait WebUploader dapat dikonfigurasi sendiri.
Mari kita langsung ke widget JS yang saya kemas (agak berantakan, mari kita lakukan):
Beberapa parameter terkait dan lebih penting telah ditulis dengan catatan, dan Anda dapat merujuknya sendiri.
Kalau begitu mari kita gunakan dia.
Tulis JS dan HTML kami sebagai berikut:
Tidak apa-apa, perlu dicatat
Untuk parameter di powerWebUpload, silakan lihat API di situs web resmi
Metode GetFilesAddress() akan mengembalikan array jalur file setelah mengunggah, dan Anda bisa mendapatkannya sendiri.
Terakhir, demo terakhir yang saya tulis, diimplementasikan menggunakan Asp.net MVC, Anda dapat mengunduhnya sendiri:
Baidu Netdisk:
Tautan: http://pan.baidu.com/s/1o8B0xOQ Kata Sandi: 9kws
Asli: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Diposting pada 27/06/2016 15.13.30
|
|
|
|
Diposting pada 04/05/2020 21.03.04