javascript - muat naik imej berbilang html5

Question

Ini adalah cara saya memuat turun demo, yang memuat naik berbilang imej dalam jquery. Tetapi saya tidak faham idea pelaksanaannya.

Perkara utama ialah mengetahui cara dia memuat naik gambar ke halaman . Kemudian klik untuk mula memuat naik dan cara mencapai muat naik bersatu Bolehkah anda membantu saya memahami idea itu.

Pautan ke demonstrasi dalam talian demo ini ialah http://www.jq22.com/yanshi1604.

Answer 1

Saya rasa begitu:

1. Teg input atribut fail boleh memilih fail.

2. Selepas memilih fail, akses objek FileList melalui atribut fail input, yang mengandungi maklumat seperti masa pengubahsuaian terakhir fail, nama fail, saiz fail dan jenis fail. Di sini anda boleh mengehadkan saiz fail yang dipindahkan. Dalam demo di atas, perbandingan nama fail harus digunakan untuk menghalang muat naik fail yang sama.

3. Gunakan kaedah readAsDataURL() objek FileReader untuk mendapatkan pengekodan base64 yang sepadan dengan imej, dan kemudian buat elemen img dalam kotak dengan nilai atribut src sebagai base64 ini, dengan itu merealisasikan fungsi pratonton imej.

4. Klik butang muat naik dan muat naik ke latar belakang melalui AJAX.

Anda boleh membaca artikel ini untuk rumusan yang lebih lengkap. Untuk ringkasan yang lebih ringkas, anda boleh lihat nota yang saya ringkaskan.

Answer 2

Jika anda mempunyai berbilang gambar, hanya masukkan elemen ke dalam tatasusunan dan hantarkannya bersama

Answer 3

Cukup letakkan dalam tatasusunan dan hantarkannya bersama-sama menggunakan fail