Simple jQuery plugin untuk preview image upload (demo: https://jsfiddle.net/emsifa/buxudv6t/3/)

previewable.js

(function() {
  var previewImage = function(input) {
    var $previewTarget = $($(input).attr('preview-to'));
    var $previewImage = $previewTarget.get(0).tagName == 'IMG'? $previewTarget : $previewTarget.find("img");
    if (input.files && input.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $previewImage.attr('src', e.target.result);
        $previewTarget.show();
      }
      reader.readAsDataURL(input.files[0]);
    } else {
      $previewTarget.hide();
    }
  }
  
  $.fn.previewable = function() {
    var $this = this;
    return $this.each(function() {
      previewImage(this);
      $(this).change(function() {
        previewImage(this);
      });
    });
  }

})(jQuery);