时尚酷族

标题: .net上传图片产生预览效果的常用代码 [打印本页]

作者: ＣooL．泪猪 时间: 2012-4-29 22:22
标题: .net上传图片产生预览效果的常用代码
asp.net开发网站时，经常要上传图片。本文介绍新的上传前预览图片的处理方式。代码很简单，直接贴代码了。也是比较常用的图片预览效果之一
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Asp.net上传图片产生预览效果</title>
<script type="text/javascript">
      function show1(upimg)
      {
      var dd=document.getElementById("divview");
      dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upimg;
      dd.style.width = 100;
      dd.style.height = 100;
      dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
      }
</script>
</head>
<body>
<form id="form1" runat="server">
      按件中调用JS触发事件：<br />
      <asp:FileUpload ID="fuFile" onpropertychange="show1(this.value)" runat="server" />
      div的样式<br />
      <div id="divview" style="filter: progid

XImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
width: 100px; height: 100px">
</div>
</form>
</body>
</html>

欢迎光临时尚酷族 (http://www.coqq.net/)