unable to display selected image

See more:

Javascript

MVC4

<div class="col-sm-2"> <input type="file" name="img" id="img" style="width: 100%; padding-left:14%"  onchange="onFileSelected(event)"  /></div>

<div class="col-sm-2"> <img src="~/img/person.jpg" id="photo" style="height: 120px; width:100%" class="col-sm-2 form-control"/></div>

function onFileSelected(event) {

            var selectedFile = event.target.files[0];
            var reader = new FileReader();
            console.log(selectedFile);
            var imgtag = document.getElementById("photo");
            imgtag.title = selectedFile.name;

            reader.onload = function (event) {
                imgtag.src = event.target.result;
            };

            reader.readAsDataURL(selectedFile);
        }

I have tried using window.event in place of event and srcElement in target but image is not displaying only in IE9 or below it is working good in all other browsers and IE10 as well.