解决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>
<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>