Giriş yap
JQuery ile Fotoğraf yüklemeden önce fotoğrafı görmek

-Merhaba Arkadaşlar
-Kullanımı gayet basit ve kullanışlı olan bu özelliği burda paylaşmak istedim.
-Diyelim resim yükleyeceniz sitenize ancak resmi yüklemeden önce görmek istiyorsunuz.
-Kodumuz bu şekilde.


 <form action="" method="post" class="form label" enctype="multipart/form-data">
     
 <input type='file' id="imgUpload" />
 <img id="viewImg" src="#" alt="your image" />
 
 </form>



function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    
    reader.onload = function(e) {
      $('#viewImg').attr('src', e.target.result);
    }
    
    reader.readAsDataURL(input.files[0]);
  }
}

$("#imgUpload").change(function() {
  readURL(this);
});

Burdan test edebilirsiniz..

https://codepen.io/MrIpekli/pen/WNbygeN

Henüz kimse cevap yazmadı. İlk sen ol!

Nasıl akıllıca soru sorulur?
Daha hızlı ve kaliteli cevaplar almak için önce nasıl soru sorulacağını bilmeniz gerekir. Eğer bilmiyorsanız bu yazı serisini okuyun.

Cevap yaz

Günlük Film Tavsiyesi