PhYtOnX adlı üyeden alıntı:
mesajı görüntüle
$(document).ready(function(){
$('.file').on('change', function(){
const files = this.files;
const resimlerKutu = $('.resimler');
for ( var i=0; i<files.length; i++){
let file = files[i];
let name = file['name'];
let size = file['size'];
type = file['type'];
let oku = new FileReader();
oku.readAsDataURL(file);
oku.onload = (function(file) {
return function(e) {
let kutu = $('<div class="resimkutu'+i+'"></div>');
let resim = $('<img>');
let silBtn = $('<button type="button" class="sil" data-id="'+i+'">Sil</button>')
resim.attr('src', e.target.result);
kutu.append(resim);
kutu.append(silBtn);
resimlerKutu.append(kutu);
silBtn.on('click', function() {
kutu.remove();
removeFile($(this).data('id'));
});
};
})(file);
}
});
$(".sil").on("click",function () {
const attr = $(this).attr("data-id")
$(".resimkutu"+attr).remove()
removeFile(attr)
})
});
function removeFile(index){
var attachments = document.getElementById("file").files;
var fileBuffer = new DataTransfer();
for (let i = 0; i < attachments.length; i++) {
if (index !== i)
fileBuffer.items.add(attachments[i]);
}
document.getElementById("file").files = fileBuffer.files;
}hocam geç döndüm kusura bakma, removeFile fonksiyonun içindeki file değerlerini kendi file inputuna verdiğin id ile değiştirip kullanabilirsin
