Upload pictures Live display compatible IE11

Html:

<style type= "Text/css" >
. imgonloadwrap{width:150px; height:200px;}
#img1 {width:150px; height:200px;}
</style>

<div class= "Imgonloadwrap" >

</div>

<input type= "File" style= "width:10px;" size= "1" class= "btn_add_pic" id= "file" name= "file" onchange= "upimg (This)"/ >

Js:

　　

function upimg (obj) {
var $file = obj;

Note: This method ie11 incompatible var imgfile = obj.files[0];

Replace with: var fileobj = $file [0];
var fileobj = $file [0];
var windowurl = window. URL | | Window.webkiturl;
var Dataurl;
var $img = $ ("#img1");
if (fileobj && fileobj.files && fileobj.files[0]) {
Dataurl = Windowurl.createobjecturl (Fileobj.files[0]);
$img. attr (' src ', dataurl);
}else{
$ ('. Imgonloadwrap img '). Remove ();
var htmlstr = ';
Htmlstr + = ' ";
$ ('. Imgonloadwrap '). Append (HTMLSTR);
Dataurl = $file. Value;
var imgobj = document.getElementById ("Img1");
ImgObj.style.filter = "Progid:DXImageTransform.Microsoft.AlphaImageLoader (Sizingmethod=scale)";
ImgObj.filters.item ("DXImageTransform.Microsoft.AlphaImageLoader"). src = dataurl;

}
}

Upload pictures Live display compatible IE11