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 == nullreturn;
    
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" onload="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 == nullreturn;
    
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>
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章