CooL.泪猪 发表于 2012-4-29 22:22:24

.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:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
            width: 100px; height: 100px">
      </div>
    </form>
</body>
</html>


页: [1]
查看完整版本: .net上传图片产生预览效果的常用代码

欢迎您的光临,如果您觉得本站做得不错的话,请把本站介绍给您的好友,谢谢大家的支持!