时尚酷族»网站主页 › ═☆网络技术发布学习区☆═ › 网站程序源码 › .net上传图片产生预览效果的常用代码

查看: 1361|回复: 0

.net上传图片产生预览效果的常用代码

[复制链接]

形象
资料
荣誉

ＣooL．泪猪

发短消息 加为好友

UID: 1

帖子: 5112

精华: 33

   积分: 33240
   威望: 2128
   状态: 0
   积极: 9976
   贡献: 644
   魅力: 499
   活跃: 11205
   人气: 1235
   酷币: 23500
   阅读权限:255
   注册时间:2009-9-1
   在线时长:2830小时
   失踪天数: 0 天
   社区经验: 18级
   在线状态:

时尚酷族泪猪

级别: 酷族管理员

TA的每日心情
开心
15 小时前
签到天数: 299 天
连续签到: 2 天
[LV.8]以坛为家I

荣誉勋章

电梯直达

楼主

ＣooL．泪猪

发表于 2012-4-29 22:22:24 | 只看该作者回帖奖励

|倒序浏览 |阅读模式 [粉钻9级]威望≥105
当前威望2128

1361°C

沙发哦 ^ ^ 马上

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？会员注册


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