Çoklu resim önizleme
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
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
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);
})
})