Upload image with preview Jquery

HTML code :

<div class="upload-preview">
  <img />
</div>
<input class="file" name="logo" type="file">

SCRIPT :

$(document).ready(function(){
var preview = $(".upload-preview img");

$(".file").change(function(event){
   var input = $(event.currentTarget);
   var file = input[0].files[0];
   var reader = new FileReader();
   reader.onload = function(e){
       image_base64 = e.target.result;
       preview.attr("src", image_base64);
   };
   reader.readAsDataURL(file);
  });
});