v2.5.2
Giriş yap

jQuery ile upload

sekiiiiiiiiz
722 defa görüntülendi

Jquery ile upload edilen resmi hemen divin altında göstermek istiyorum nasıl yapabilirim?

Cevap yaz
Cevaplar (4)
sekiiiiiiiiz
1730 gün önce

@isimimcokguzel teşekküler hocam çalıştı :)

isimimcokguzel
1730 gün önce

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 :)
    }
sekiiiiiiiiz
1730 gün önce

Hocam olmadı bir örnekle acıklayabilir misin acaba? :)

isimimcokguzel
1730 gün önce

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
        }

    });
});