js上传前预览，兼容IE、谷歌等浏览器

来源：互联网发布：智慧的云计算pdf 编辑：程序博客网时间：2024/05/23 19:13
function getFileUrl(sourceId) {    var url;     if (navigator.userAgent.indexOf('Trident')>0&&(navigator.userAgent.indexOf('rv:11')>-1)) { // IE11        url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));    }else if(navigator.userAgent.indexOf('MSIE')>-1){         if(navigator.appVersion.indexOf('10.0')>0){             url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));         }else{             var docObj=document.getElementById(sourceId);             docObj.select();             docObj.blur();             var imgSrc = document.selection.createRange().text;             var localImagId = document.getElementById("localImag");             localImagId.style.width = "100px";             localImagId.style.height = "100px";             try {                 localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="+imgSrc+")";                 localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;             } catch (e) {                 alert("您上传的图片格式不正确，请重新选择！");                 return false;             }             document.selection.empty();         }     } else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox        url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));    } else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome        url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));    }    else if (window.webkitURL != undefined) {        url = window.webkitURL.createObjectURL(document.getElementById(sourceId).files.item(0))    }    return url;}
$(function() {
  $("#inputlicenseImage").change(function(){       var url = getFileUrl("inputlicenseImage");       $("#imglicenseImage").attr("src", url);  });
});
<input type="file" id="inputlicenseImage" class="default" name="licenseImage" />

<div class="col-md-4" id="localImag">    <img id="imglicenseImage" src="" width="100px" height="100px" class="form-control-static" data-display="licenseImage" /></div>

今天研究了好久终于兼容IE11等版本！也把IE10-IE8都兼容了  IE8一下没测
0 0