FIle upload control onchange call javascript function but not access file in IE7, IE8,IE9?

Question

Html code

   <input type="file" id="fileuplaod" onchange="readURL();"/>

javascript

 <script type="text/javascript">

    function readURL() {
  var myFileList = document.getElementById("loadfile");
        alert(myFileList.files.length);
        // loop through files property, using length to get number of files chosen
        for (var i = 0; i < myFileList.files.length; i++) {
            // display them in the div
            alert("Run"); 
            document.getElementById("display").innerHTML += "<br/>" + myFileList.files[i].name;
        }
}
</script>

all browser run but not in IE7,IE8,IE9

Answer 1

This may help you Click here

Following function works fine on IE call onchange();

function fireEvent(element,event){
if (document.createEventObject){
    // dispatch for IE
    var evt = document.createEventObject();
    return element.fireEvent('on'+event,evt)
}
else{
    // dispatch for firefox + others
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent(event, true, true ); // event type,bubbling,cancelable
    return !element.dispatchEvent(evt);
}

}

Answer 2

// FileUpload Control Change Event--
<input type="file" id="fileUpload1" onchange="readPicUrl(this)">

// JavaScript --
function(input)
{
    if(input.files && input.files[0]){ var xPic = new FileRead(); xPic.readAsDataUrl(input.files[0]);  x.onload = function(e){ 
 $("#imageId").attr("src",e.target.result);
 }
 }
}