menampilkan foto saat input file dipilih

Menampilkan foto ketika input file dipilih menggunakan html dan javascript, sehingga ketika ingin mengupload foto dapat dilihat dulu gambar yang ingin diupload. berikut scriptnya :

<script>
function batal(){
             document.getElementById('form_md_kategori_barang').reset();
             $('input[name=GAMBAR]').change();
}
</script>
<input type="file" class ="form-control" onchange="readURL(this);" name="GAMBAR"/>
<img id="blah" src="#" alt="tampil gambar" style="display:none"/>
<script>
            function readURL(input){
                          if(input.files && input.files[0]){
                                   var reader = new FileReader();
                                   reader.onload = function(e){
                                            $('#blah').attr('src', e.target.result).width(150).height(200);
                                            document.getElementById('blah').style.display = 'none';
                                   }
                                   reader.readAsDataURL(input.files[0]);
                          }else{
                                 document.getElementById('blah').style.display = 'none';
                          }
               }
</script>
<button class="btn btn-default" onclick="batal()">Batal</button>