Webuploader Multi-Picture Upload: Bagaimana untuk mendapatkan semua laluan imej dan simpannya ke kotak input?

Webuploader Multi-Picture Muat naik: Simpan semua laluan imej sepenuhnya

Apabila memuat naik pelbagai imej menggunakan pemuat naik web, jika anda perlu menyimpan semua laluan imej ke kotak input, gunakan $("#info3").val(JSON.stringify(response.imgurl)); Secara langsung untuk menyelamatkan laluan imej terakhir, kerana setiap muat naik akan menimpa laluan sebelumnya. Artikel ini menyediakan penyelesaian untuk memastikan semua laluan imej disimpan utuh.

Akar masalahnya ialah kod asal menimpa nilai kotak input setiap kali ia dimuat naik dengan jayanya. Penyelesaiannya adalah untuk membuat array, tambahkan laluan imej yang berjaya dimuat naik ke array, dan akhirnya menulis kandungan array ke dalam kotak input.

Kod yang lebih baik:

 var imgurls = [];

uploader.on ('uploadSuccess', fungsi (fail, respons) {
    // Tunjukkan laluan imej di #imgs_url (pilihan)
    $ ("#imgs_url"). append (json.stringify (response.imgurl) "<br> ");

    // Tambah laluan imej ke array imgurls.push (response.imgurl); // tolak jalan secara langsung tanpa json.stringify lagi

    // Concatenate kandungan array ke dalam rentetan dengan pemisar koma dan berikannya ke kotak input $ ("#info3"). Val (imgurls.join (',')); 
});

Kod ini mula -mula mentakrifkan imgUrls array kosong. Dalam acara uploadSuccess , tolak response.imgurl terus ke dalam array (tidak perlu JSON.stringify lagi, kerana kaedah join akan dikendalikan secara automatik). Akhirnya, gunakan kaedah join(',') untuk menggabungkan elemen array ke dalam rentetan dengan koma dan berikan rentetan ini ke kotak input #info3 . Dengan cara ini, kotak input #info3 mengandungi laluan ke semua imej yang dimuat naik.

Melalui kaedah ini, laluan imej yang berjaya dimuat naik ditambah ke array, mengelakkan penindasan, dengan itu menyimpan maklumat laluan semua imej yang dimuat naik sepenuhnya. Pilihan $("#imgs_url").append(...) bahagian digunakan untuk memaparkan laluan imej yang dimuat naik pada halaman untuk dilihat dengan mudah oleh pengguna.

Atas ialah kandungan terperinci Webuploader Multi-Picture Upload: Bagaimana untuk mendapatkan semua laluan imej dan simpannya ke kotak input?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!