v2.5.2
Giriş yap

Çoklu resim önizleme

eminkurt
543 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

Cevap yaz
Cevaplar (4)
tayfunerbilen
1279 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);
	})
})
eminkurt
1279 gün önce

teşekkürler aradığım tam olarak böyle bir şeydi (:

eminkurt
1279 gün önce

Denemedim nasıl kullanılıyor

hakankorkz
1279 gün önce

dropzone denedin mi? dostum..