IE7 添加图片时浏览本地图片功能实现

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  >
< html >
< head >
     < title > LinkAdd </ title >
     < meta  name ="GENERATOR"  content ="Microsoft Visual Studio .NET 7.1" >
     < meta  name ="CODE_LANGUAGE"  content ="C#" >
     < meta  name ="vs_defaultClientScript"  content ="JavaScript" >
     < meta  name ="vs_targetSchema"  content ="http://schemas.microsoft.com/intellisense/ie5" >
     < link  href ="css/style.css"  rel ="stylesheet"  type ="text/css" >
     < style  type ="text/css" > ...
#previewImage
{...}{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
.p1 {...}{
    BORDER-RIGHT: #c0c0c0 1px dashed; line-height:10px; padding:4px;  BORDER-TOP: #c0c0c0 1px dashed;  BORDER-LEFT: #c0c0c0 1px dashed; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.c3 {...}{
    COLOR: #228b22
}
.b {...}{
    FONT-WEIGHT: bold
}
.f8 {...}{
    FONT-SIZE: 8pt;
    height:60px;
    line-height:16px;
    
}
</ style >

     < script  language ="javascript"  type ="text/javascript" > ...
<!--
//function ResizeImage(obj, newW, newH)
//{
//    if(obj == null) return;
//    var oImg = new Image();
//    oImg.src = obj.value;
//    var oldW=oImg.width;
//    var oldH=oImg.height;
//alert(oldW);
//    document.getElementsByName("LinkAdd1:tbwidth")[0].value=oldW;
//    document.getElementsByName("LinkAdd1:tbheight")[0].value=oldH;
//    //准备传递变量
//    if(document.getElementById("dwPicWidth"))
//        document.getElementById("dwPicWidth").value=oldW;
//    if(document.getElementById("dwPicHeight"))
//        document.getElementById("dwPicHeight").value=oldH;
//        
//    if(oldW>newW || oldH>newH) {
//        w=oldW/newW; 
//        h=oldH/newH;
//        if(h>w) w=h;
//        oldW=oldW/w; 
//        oldH=oldH/w;
//    }
//    if(oldW > 0 && oldH > 0)
//        obj.width=oldW;
//        obj.height=oldH;
//    if(obj.width>newW || obj.height>newH) {
//        setTimeout("ResizeImage(null,"+newW+","+newH+")",40);
//    }
//}

function GetImageWH(obj)
...{
    if(obj == null) return;
    var oImg = new Image();
    oImg.src = obj.src;
    var oldW=oImg.width;
    var oldH=oImg.height;

    //alert(document.getElementById("previewImage").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src);
    document.getElementsByName("LinkAdd1:tbwidth")[0].value=oldW;
    document.getElementsByName("LinkAdd1:tbheight")[0].value=oldH;
}

function showclasslist(idstr)
...{
    //alert(idstr);
    var el = document.getElementsByTagName('div');
    var len = el.length;     
       for(var i=0; i<len; i++)     
       ...{
            if(el[i].id.indexOf("list_")>=0)
            ...{
                el[i].style.display="none";
            }
       }
    document.getElementById("list_"+idstr).style.display="block";
}

function preview(fileinput)
...{
    var previewImage=document.getElementById("previewImage");
    previewImage.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileinput.value;
    previewImage.style.width = "100px";
    previewImage.style.height = "100px";
    GetImageWH(document.getElementById("previewImage").filters.item("DXImageTransform.Microsoft.AlphaImageLoader"));

//    document.getElementById("previewImage").innerHTML = "预览<br><img src=""+imgsrc+""  width="100" align="absmiddle" οnlοad="ResizeImage(this, 100, 100)">";
//    alert(document.getElementById("previewImage").innerHTML);
}

-->
     </ script >

</ head >
< body >
     < form  name ="Form1"  method ="post"  action ="LinkAdd.aspx"  id ="Form1"  enctype ="multipart/form-data" >
< input  type ="hidden"  name ="__EVENTTARGET"  id ="__EVENTTARGET"  value =""   />
< input  type ="hidden"  name ="__EVENTARGUMENT"  id ="__EVENTARGUMENT"  value =""   />
< input  type ="hidden"  name ="__LASTFOCUS"  id ="__LASTFOCUS"  value =""   />
< input  type ="hidden"  name ="__VIEWSTATE"  id ="__VIEWSTATE"  value ="/wEPDwULLTE1NjU2MzIwNzAPZBYCAgEPFgIeB2VuY3R5cGUFE211bHRpcGFydC9mb3JtLWRhdGEWAgIBD2QWAgIFDxBkZBYBZmRk+oTBVKa8kP4fWK5fU7nRsvl1Uw4="   />

< script  type ="text/javascript" > ...
<!--
var theForm = document.forms['Form1'];
if (!theForm) ...{
    theForm = document.Form1;
}
function __doPostBack(eventTarget, eventArgument) ...{
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) ...{
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
// -->
</ script >


         &nbsp;
        

< script  language ="javascript"  type ="text/javascript" > ...
<!--
function ResizeImage(obj, newW, newH)
...{
    if(obj == null) return;
    var oImg = new Image();
    oImg.src = obj.src;
    var oldW=oImg.width;
    var oldH=oImg.height;

    document.getElementsByName("LinkAdd1:tbwidth")[0].value=oldW;
    document.getElementsByName("LinkAdd1:tbheight")[0].value=oldH;
    //准备传递变量
    if(document.getElementById("dwPicWidth"))
        document.getElementById("dwPicWidth").value=oldW;
    if(document.getElementById("dwPicHeight"))
        document.getElementById("dwPicHeight").value=oldH;
        
    if(oldW>newW || oldH>newH) ...{
        w=oldW/newW; 
        h=oldH/newH;
        if(h>w) w=h;
        oldW=oldW/w; 
        oldH=oldH/w;
    }
    if(oldW > 0 && oldH > 0)
        obj.width=oldW;
        obj.height=oldH;
    if(obj.width>newW || obj.height>newH) ...{
        setTimeout("ResizeImage(null,"+newW+","+newH+")",40);
    }
}

-->
</ script >

< link  href ="../css/style.css"  type ="text/css"  rel ="stylesheet" >
< p >
     < font  face ="宋体" >
         < table  width ="708"  border ="0"  align ="center"  cellpadding ="3"  cellspacing ="1"  bgcolor ="#666633"
            id ="Table2"  style ="width: 708px; height: 160px" >
             < tr >
                 < td  class ="back"  style ="height: 30px"  align ="center"  colspan ="4" >
                     < font  class ="font08" > 友情链接添加 </ font ></ td >
             </ tr >
             < tr >
                 < td  bgcolor ="#ffffff"  style ="width: 93px" >
                     < font  face ="宋体" > 名称 </ font >
                     < input  name ="LinkAdd1:tbtitle"  type ="text"  id ="LinkAdd1_tbtitle"  class ="box05"  style ="height:29px;width:138px;"   /></ td >
                 < td  bgcolor ="#ffffff"  style ="width: 88px" >
                     < font  face ="宋体" > 地址 </ font >
                     < input  name ="LinkAdd1:tbaddress"  type ="text"  value ="http://"  id ="LinkAdd1_tbaddress"  class ="box05"  style ="height:27px;width:152px;"   /></ td >
                 < td  bgcolor ="#ffffff"  style ="width: 591px" >
                    是否图片链接:
                     < table  id ="LinkAdd1_RadioButtonList1"  cellspacing ="0"  cellpadding ="0"  border ="0"  style ="border-collapse:collapse;" >
     < tr >
         < td >< input  id ="LinkAdd1_RadioButtonList1_0"  type ="radio"  name ="LinkAdd1:RadioButtonList1"  value ="on"  checked ="checked"   />< label  for ="LinkAdd1_RadioButtonList1_0" > 是 </ label ></ td >< td >< input  id ="LinkAdd1_RadioButtonList1_1"  type ="radio"  name ="LinkAdd1:RadioButtonList1"  value ="off"  onclick ="javascript:setTimeout('__doPostBack('LinkAdd1$RadioButtonList1$1','')', 0)"  language ="javascript"   />< label  for ="LinkAdd1_RadioButtonList1_1" > 否 </ label ></ td >
     </ tr >
</ table >< input  name ="LinkAdd1:Flinkimg"  type ="file"  id ="LinkAdd1_Flinkimg"  style ="width: 272px; height: 22px"  onchange ="preview(this);"  size ="26"   />
                     < div  id ="LinkAdd1_Panelhw" >
    
                        高
                         < input  name ="LinkAdd1:tbheight"  type ="text"  id ="LinkAdd1_tbheight"  class ="box05"  style ="width:40px;"   /> &nbsp;
                        宽
                         < input  name ="LinkAdd1:tbwidth"  type ="text"  id ="LinkAdd1_tbwidth"  class ="box05"  style ="width:40px;"   />
</ div >
                     < div  id ="msgdiv_ts"  style ="clear: both; margin-top: 10px; display: none;" >
                         < div  class ="p1" >
                             < img  src ="Images/ie.gif"  width ="40"  height ="40"  style ="float: left; padding-right: 20px;" >< span
                                 class ="c3 b" > 使用IE 7.x 的用户须知 </ span >< br >
                             < ul  class ="f8" >
                                 < li > 你需要在“工具->Internet选项->安全->信任站点->站点”选项的中将“[本站地址]”添加为信任站点。否则图象大小将不能从硬盘正常读取。 </ li ></ ul >
                         </ div >
                     </ div >
                 </ td >
                 < td  bgcolor ="#ffffff"  style ="width: 189px"  align ="center" >
                     &nbsp;   < span  id ="previewImage" ></ span >
                     < input  type ="submit"  name ="LinkAdd1:blinkadd"  value ="添加"  id ="LinkAdd1_blinkadd"  class ="box06"   /></ td >
             </ tr >
         </ table >
     </ font >
</ p >

< script  type ="text/javascript" > ...
  function browserinfo()...{
        var Browser_Name=navigator.appName;
        var Browser_Version=parseFloat(navigator.appVersion);
        var Browser_Agent=navigator.userAgent;
        
        var Actual_Version,Actual_Name;
        
        var is_IE=(Browser_Name=="Microsoft Internet Explorer");
        var is_NN=(Browser_Name=="Netscape");
        
        if(is_NN)...{
            if(Browser_Version>=5.0)...{
                var Split_Sign=Browser_Agent.lastIndexOf("/");
                var Version=Browser_Agent.indexOf(" ",Split_Sign);
                var Bname=Browser_Agent.lastIndexOf(" ",Split_Sign);

                Actual_Version=Browser_Agent.substring(Split_Sign+1,Version);
                Actual_Name=Browser_Agent.substring(Bname+1,Split_Sign);
            }
            else...{
                Actual_Version=Browser_Version;
                Actual_Name=Browser_Name;
            }
        }
        else if(is_IE)...{
            var Version_Start=Browser_Agent.indexOf("MSIE");
            var Version_End=Browser_Agent.indexOf(";",Version_Start);
            Actual_Version=Browser_Agent.substring(Version_Start+5,Version_End)
            Actual_Name=Browser_Name;
            
            if(Browser_Agent.indexOf("Maxthon")!=-1)...{
                Actual_Name+="(Maxthon)";
            }
            else if(Browser_Agent.indexOf("Opera")!=-1)...{
                Actual_Name="Opera";
                var tempstart=Browser_Agent.indexOf("Opera");
                var tempend=Browser_Agent.length;
                Actual_Version=Browser_Agent.substring(tempstart+6,tempend)
            }
        }
        else...{
            Actual_Name="Unknown Navigator"
            Actual_Version="Unknown Version"
        }

        navigator.Actual_Name=Actual_Name;
        navigator.Actual_Version=Actual_Version;
        
        this.Name=Actual_Name;
        this.Version=Actual_Version;
    }
    browserinfo();
    
    
    if(navigator.Actual_Name.indexOf("Internet Explorer")>=0&&navigator.Actual_Version.indexOf("7")>=0)
    ...{
        //alert(document.getElementById("msgdiv_ts"));
        document.getElementById("msgdiv_ts").style.display="block";
    }
    if(navigator.Actual_Name.toLowerCase()=="firefox")
    ...{
        document.getElementById("msgdiv_ts").style.display="block";
        document.getElementById("msgdiv_ts").innerHTML="对不起,图片预览功能暂不支持火狐浏览器!";
    }
</ script >


    
< input  type ="hidden"  name ="__EVENTVALIDATION"  id ="__EVENTVALIDATION"  value ="/wEWCQK+3O/SBAKH9ZLGAwLk7Ji6BAK2/7GCCwKa+9PSBwL3kIPtBwLf54j6CAKP0t6lBwLCkJt0uVEzSEMK3KGh+ACoofuGSsSz8EQ="   /></ form >
</ body >
</ html >