v2.5.2
Giriş yap

Çoklu resim önizleme

eminkurt
541 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Tipi file olan bir inputtan tek bir görsel seçtiğimde onun önizlemesini yapabiliyorum js'de ama input'u multiple yapıp birden fazla görsel seçince bunun önizlemesini yapmayı beceremedim :) Bunu nasıl yapabilirim

tayfunerbilen
1271 gün önce

ufak bir örnek hazırladım senin için

<input type="file" multiple accept="image/*" id="images">

<hr>

<div id="preview"></div>

javascript ise

const images = document.getElementById('images'),
      preview = document.getElementById('preview');

images.addEventListener('change', function() {
    preview.innerHTML = '';
	[...this.files].map(file => {
		const reader = new FileReader();
		reader.addEventListener('load', function(){
			const image = new Image();
			image.height = 100;
			image.title = file.name;
			image.src = this.result;
			preview.appendChild(image);
		});
		reader.readAsDataURL(file);
	})
})