Saat mengunggah gambar, saya menemukan kontrol yang sangat berguna, mendukung pengunggahan banyak gambar secara bersamaan. Anda dapat mengklik untuk memilih gambar, atau Anda dapat menyeret gambar ke kotak unggah dan mengunggahnya secara langsung digunakan, dan antarmukanya sederhana. Pada dasarnya Anda dapat menggunakannya secara langsung di proyek.
Mari kita lihat gayanya terlebih dahulu:
Setelah memilih gambar:
$(function(){ // Inisialisasi plug-in $(#demo).zyUpload({ lebar : 650px, // lebar tinggi : 400px, // lebar itemWidth : 120px, // lebar item file tinggi item : 100px, / / file Ketinggian url item: /upload/UploadAction, // Jalur beberapa file yang diunggah: benar, // Apakah beberapa file dapat diunggah dragDrop: true, // Apakah file dapat diseret dan diunggah del : true, // Apakah file dapat dihapus finishDel : false, // Apakah pratinjau dihapus setelah pengunggahan file selesai /* Antarmuka panggilan balik yang diperoleh secara eksternal */ onSelect : function(files, allFiles ){ //Metode panggilan balik untuk memilih file console.info(File berikut sedang dipilih:); console.info(files); semuaFile); }, onDelete: function(file, surplusFiles){ // Metode panggilan balik untuk menghapus file console.info (file yang saat ini dihapus: console.info(file); ; }, onSuccess: function(file){ // Metode panggilan balik untuk pengunggahan file yang berhasil console.info(File ini berhasil diunggah: console.info(file); Metode panggilan balik untuk kegagalan pengunggahan file console.info(Pengunggahan file ini gagal: console.info }, onComplete: function(responseInfo){ // Metode panggilan balik untuk penyelesaian pengunggahan console.info(Pengunggahan file selesai) ; konsol .info(responseInfo);Ubah konfigurasi langsung di demo.js, url: /upload/UploadAction dan letakkan tindakan unggahan gambar Anda. Kontrol ini hanya memproses latar depan, Anda harus menulis sendiri unggahan latar belakang.
Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.