zoukankan      html  css  js  c++  java
  • window.url.createobjecturl 兼容多种浏览器(IE,google,360,Safari,firefox)

    <script type="text/javascript"> 
    function setImagePreview() { 
    var docObj = document.getElementById("ctl00_ContentMain_file_head"); 
    var fileName = docObj.value; 
    if (!fileName.match(/.jpg|.gif|.png|.bmp/i)) { 
    alert('您上传的图片格式不对。请又一次选择!'); 
    return false; 
    } 
    
    var imgObjPreview = document.getElementById("preview"); 
    if (docObj.files && docObj.files[0]) { 
    //火狐下,直接设img属性 
    imgObjPreview.style.display = 'block'; 
    imgObjPreview.style.width = '63px'; 
    imgObjPreview.style.height = '63px'; 
    //imgObjPreview.src = docObj.files[0].getAsDataURL(); 
    if (window.navigator.userAgent.indexOf("Chrome") >= 1 || window.navigator.userAgent.indexOf("Safari") >= 1) { 
    imgObjPreview.src = window.webkitURL.createObjectURL(docObj.files[0]); 
    } 
    else { 
    imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); 
    } 
    } else { 
    //IE下。使用滤镜 
    docObj.select(); 
    docObj.blur(); 
    var imgSrc = document.selection.createRange().text; 
    var localImagId = document.getElementById("localImag"); 
    //必须设置初始大小 
    localImagId.style.width = "63px"; 
    localImagId.style.height = "63px"; 
    //图片异常的捕捉,防止用户改动后缀来伪造图片 
    try { 
    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; 
    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; 
    } catch (e) { 
    alert("您上传的图片格式不对。请又一次选择!

    "); return false; } imgObjPreview.style.display = 'none'; document.selection.empty(); } return true; } </script>





    <div id="localImag"><img id="preview" width="-1" height="-1" style="display:none" /></div> 
    <asp:FileUpload ID="file_head" runat="server" onchange="javascript:setImagePreview();" /> 

    版权声明:本文博主原创文章,博客,未经同意不得转载。

  • 相关阅读:
    win10下VMware15运行ubuntu18.04无法和主机之间复制粘贴问题
    Redis的五种数据类型
    celery的入门使用
    Django/Flask的一些实现方法
    Python3实现简单的钉钉机器人调用
    装饰者模式
    pyhdfs安装
    使用setup.py安装python包和卸载python包的方法
    zookeeper搭建
    S3C6410裸奔之旅——RVDS2.2编译、仿真、调试过程 LED流水灯---转的
  • 原文地址:https://www.cnblogs.com/gcczhongduan/p/4890141.html
Copyright © 2011-2022 走看看