function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

<form id="form1" runat="server">
    <input type='file' id="imgInp" />
    <img id="blah" src="#" alt="your image" />
</form>

<img id="preview"
             src=""
             alt=""
             style="display:none; max-width: 160px; max-height: 120px; border: none;"/>

        <div id="preview_ie">
        </div>

#preview_ie {
    FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
  }

<script type="text/javascript">
  {% include "pic_preview.js" %}
</script>
<!--[if gte IE 7]>
<script type="text/javascript">
  {% include "pic_preview_ie.js" %}
</script>

function readURL(imgFile)
{
    var newPreview = document.getElementById("preview_ie");
    newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    newPreview.style.width = "160px";
    newPreview.style.height = "120px";
}