-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