jQuery ile upload
Jquery ile upload edilen resmi hemen divin altında göstermek istiyorum nasıl yapabilirim?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
Hocam değiştirilmesi gereken yerler var söylemeyi unutmuşum kusura bakma :)
Şimdi Teker Teker Değiştirilmesi gereken yerleri söyleyim.
//...
$("#dosya").change(function() { // " #dosya " kısmını file inputunuzun id/class'ı ile değiştirebilir veya <input type="file" id="#dosya"> yı yazabilirsiniz.
var resim = document.getElementById("dosya"); // Burdaki " dosya " kısmıda yukardaki ile aynı şekilde
//...
$('.resim_onizleme').html('<img src="' + adres + '" alt="Resim Önizleme" />'); // Burdaki .resim_onizleme kısmı hemen divin altındaki kısımın id'si/class'ı || img kısmındaki alt eventinide istediğiniz gibi değiştirebilirsiniz :)
}
Hocam olmadı bir örnekle acıklayabilir misin acaba? :)
Javascriptin File Readerını Kullanabilirsin.
Ben Böyle Kullanmıştım Jquery ile
$(function() {
$("#dosya").change(function() {
var resim = document.getElementById("dosya");
if (resim.files && resim.files[0]) {
var veri = new FileReader();
veri.onload = function() {
var adres = veri.result;
$('.resim_onizleme').html('<img src="' + adres + '" alt="Resim Önizleme" />');
}
veri.readAsDataURL(resim.files[0]); //veri okuma
}
});
});