• .net页面实时预览图片


       <script type="text/javascript">
        //获取上传图片的本地路径 
        function getPath(obj){ 
            if(obj) { 
                if(navigator.userAgent.indexOf("MSIE")>0) {
                    obj.select(); 
                    //IE下取得图片的本地路径 
                    return document.selection.createRange().text;
                } else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0) {
                     if (obj.files) {  // Firefox下取得的是图片的数据 
                        return files.item(0).getAsDataURL(); 
                     } 
                     return obj.value; 
                 }
                 return obj.value; 
            } 
        }    
            
        function PreviewImg(img) {
            
            var imgPath = getPath(img);
            
            //预览图片的div
            var newPreview = document.getElementById("preview");
            
            //允许上传的图片格式
            var regext = /.jpg$|.gif$|.jpeg$|.png$|.bmp$/gi; 
            
            if(!regext.test(imgPath)){  
                alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传!");    
                document.getElementById("btn_upload").disabled=true;     
            }else{  
                document.getElementById("btn_upload").disabled=false;
                newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";  
                newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgPath;
                newPreview.style.width = "100px";  
                newPreview.style.height = "100px";   
            }  
    
        }
        // -->
    </script>

    页面

        <input name="fileName" type="file"  class="text1" size="40" maxlength="40" onchange="PreviewImg(this)">
            <div id="preview"></div>
  • 相关阅读:
    滴滴日送400万红包,仅仅为人群不冷漠?
    C++提供的四种新式转换--const_cast dynamic_cast reinterpret_cast static_cast
    GreenDao开源ORM框架浅析
    Python 计数器
    Linux虚拟内存的添加
    Linux iptables
    Python set
    Python dict get items pop update
    Python contains
    Python reverse
  • 原文地址:https://www.cnblogs.com/hrx-star/p/4790677.html
Copyright © 2020-2023  润新知