Preview Image

Preview Image

<img id="blah" src="#" alt="Image du blog" style="width: 30%;" />
<input type="file" id="imgInp" name="img" required="required" class="form-control col-md-9 col-xs-12" required="" />

<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous"></script>
<script>
  function readURL(input,cible) {
      if (input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function (e) {
              $('#'+cible).attr('src', e.target.result);
          }
          reader.readAsDataURL(input.files[0]);
      }
  }
  $("#imgInp").change(function(){
      readURL(this,'blah');
  });
  $('#blah').click(function(){
    $("#imgInp").trigger('click');
  });
</script>