hujung hadapan web
html tutorial
Webuploader Multi-Picture Upload: Bagaimana untuk mendapatkan semua laluan imej dan simpannya ke kotak input?
Webuploader Multi-Picture Upload: Bagaimana untuk mendapatkan semua laluan imej dan simpannya ke kotak input?
Apr 04, 2025 pm 10:18 PM
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!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Apa yang perlu dilakukan jika cache redis gagal dalam boot musim bunga?
Apr 19, 2025 pm 08:03 PM
Dalam springboot, gunakan redis untuk objek OAuth2Authorization Cache OAuth2. Dalam aplikasi Springboot, gunakan SpringsecurityoAuth2Authorizationsererver ...
Langkah -langkah untuk menambah dan memadam medan ke jadual mysql
Apr 29, 2025 pm 04:15 PM
Di MySQL, tambah medan menggunakan alterTabletable_nameaddcolumnnew_columnvarchar (255) afterexisting_column, memadam medan menggunakan altertabletable_namedropcolumncolumn_to_drop. Apabila menambah medan, anda perlu menentukan lokasi untuk mengoptimumkan prestasi pertanyaan dan struktur data; Sebelum memadam medan, anda perlu mengesahkan bahawa operasi itu tidak dapat dipulihkan; Mengubah struktur jadual menggunakan DDL dalam talian, data sandaran, persekitaran ujian, dan tempoh masa beban rendah adalah pengoptimuman prestasi dan amalan terbaik.
Gitstatus Analisis mendalam melihat status repositori
May 22, 2025 pm 10:54 PM
Perintah Gitstatus digunakan untuk memaparkan status direktori kerja dan kawasan penyimpanan sementara. 1. Ia akan menyemak cawangan semasa, 2. Bandingkan direktori kerja dan kawasan penyimpanan sementara, 3. Bandingkan kawasan penyimpanan sementara dan komit yang terakhir, 4. Periksa fail yang tidak diucapkan untuk membantu pemaju memahami keadaan gudang dan pastikan tidak ada ketinggalan sebelum melakukan.
Bagaimana untuk menghuraikan token JWT yang akan datang di Java dan mendapatkan maklumat di dalamnya?
Apr 19, 2025 pm 08:21 PM
Dalam memproses penulisan seterusnya yang dihasilkan JWT ...
Langkah terperinci untuk menggunakan laman web Joomla di PHPStudy
May 16, 2025 pm 08:00 PM
Langkah -langkah untuk menggunakan laman web Joomla di PHPStudy termasuk: 1) Konfigurasi PHPStudy, pastikan perkhidmatan Apache dan MySQL dijalankan dan periksa keserasian versi PHP; 2) Muat turun dan Decompress Laman Web PHPStudy dari laman web rasmi Joomla ke direktori root phpstudy, dan kemudian lengkapkan pemasangan melalui penyemak imbas mengikut wizard pemasangan; 3) Buat konfigurasi asas, seperti menetapkan nama laman web dan menambah kandungan.
Cara Mengembalikan Langkah Butiran Sistem Win8
May 07, 2025 pm 05:00 PM
Langkah -langkah untuk memulakan pemulihan sistem di Windows 8 adalah: 1. Tekan kekunci Windows X untuk membuka menu pintasan; 2. Pilih "Panel Kawalan", masukkan "Sistem dan Keselamatan", dan klik "Sistem"; 3. Pilih "Perlindungan Sistem", dan klik "Restore System"; 4. Masukkan kata laluan pentadbir dan pilih titik pemulihan. Apabila memilih titik pemulihan yang sesuai, adalah disyorkan untuk memilih titik pemulihan sebelum masalah berlaku, atau ingat tarikh tertentu apabila sistem berjalan dengan baik. Semasa proses pemulihan sistem, jika anda menghadapi "pemulihan sistem tidak dapat diselesaikan", anda boleh mencuba titik pemulihan yang lain atau menggunakan arahan "SFC/Scannow" untuk membaiki fail sistem. Selepas memulihkan, anda perlu menyemak status operasi sistem, memasang semula atau mengkonfigurasi perisian, dan memasang semula data, dan membuat titik pemulihan baru secara teratur.
Laman Web rasmi Binance Alamat terkini terus masuk
May 20, 2025 pm 05:36 PM
Mengunjungi alamat terkini ke laman web rasmi Binance boleh didapati melalui pertanyaan enjin carian dan ikuti media sosial rasmi. 1) Gunakan enjin carian untuk memasukkan "Laman Web Rasmi Binance" atau "Binance" dan pilih pautan dengan logo rasmi; 2) Ikuti Twitter rasmi Binance, Telegram dan akaun lain untuk melihat jawatan terkini untuk mendapatkan alamat terkini.
Bagaimana untuk membungkus untuk versi Git tertentu dalam Idea IntelliJ untuk mengelakkan termasuk kod yang belum selesai?
Apr 19, 2025 pm 08:18 PM
Dalam Intellij ...
