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

最新推荐文章于 2024-07-29 18:13:57 发布

冰熙晗

最新推荐文章于 2024-07-29 18:13:57 发布

阅读量322

点赞数

本文链接：https://blog.csdn.net/yingsusishui/article/details/43232751

版权

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一下没测