.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>

 

posted @ 2015-09-08 09:44  南修子  阅读(842)  评论(0编辑  收藏  举报