SOURCE

$('.img-container').on('dragover',function(e){
  e.preventDefault();
}).on('drop',function(e){
  e.preventDefault();
  var file = e.originalEvent.dataTransfer.files[0];
  var fileReader = new FileReader();
  fileReader.readAsDataURL(file);
  fileReader.onload = function(){
    $('#ss').attr('src',this.result)
  }
})

<div class="img-container">
    drop your image here
</div>
<img src="" alt="" id="ss">

.img-container{
  width:200px;
  height:200px;
  border:1px solid #000;
}