首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

解决IE7禁用了image控件引用本地图片解决方法

2012-03-26 
解决IE7禁用了image控件引用本地图片如何在上传之前预览图片,在IE7版本之前可以,到IE7就不可以了。[解决办

解决IE7禁用了image控件引用本地图片
如何在上传之前预览图片,在IE7版本之前可以,到IE7就不可以了。

[解决办法]

HTML code
 
<!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\" 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 == 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>

热点排行