jQuery ile upload

sekiiiiiiiiz 1832 gün önce

756 defa görüntülendi

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

jquery

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevap yaz

הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cevaplar (4)

sekiiiiiiiiz

1831 gün önce

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

#000967

isimimcokguzel

1831 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 :)
    }

#000965

sekiiiiiiiiz

1832 gün önce

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

#000962

isimimcokguzel

1832 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
        }

    });
});

#000960