在ASP.NET里轻松实现缩略图

以前 在页面上实现缩略图必须借助第三方组件 现在 有了 NET 就可以很轻松地实现缩略图 下面就是实现缩略图的例子

查看例子

代码如下 Thumbnail aspx

＜%@ Page Language= vb AutoEventWireup= false Codebehind= Thumbnail aspx vb Inherits= aspxWeb Thumbnail %＞＜!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN ＞＜HTML＞＜HEAD＞＜title＞在ASP NET里轻松实现缩略图＜/title＞＜meta content= Microsoft Visual Studio NET name= GENERATOR ＞＜meta content= Visual Basic name= CODE_LANGUAGE ＞＜meta content= JavaScript name= vs_defaultClientScript ＞＜meta content= //schemas microsoft /intellisense/ie name= vs_targetSchema ＞＜/HEAD＞＜body MS_POSITIONING= GridLayout ＞＜asp:Label id= Label runat= server ＞＜/asp:Label＞＜form id= Form method= post runat= server enctype= multipart/form data ＞＜INPUT type= file name= file width= ＞＜br＞＜br＞＜asp:Button id= Button runat= server ＞＜/asp:Button＞＜/form＞＜/body＞＜/HTML＞

后代码 Thumbnail aspx vb

lishixinzhi/Article/program/net/201311/15750

先设置一段JS代码，如：function DrawImage(MyPic,W,H){

var flag=false

var image=new Image()

image.src=MyPic.src

if(image.width>0 &&image.height>0){

flag=true

if(image.width/image.height>= W/H){

if(image.width>W){

MyPic.width=W

MyPic.height=(image.height*W)/image.width

}

else{

MyPic.width=image.width

MyPic.height=image.height

}

}

else{

if(image.height>H){

MyPic.height=H

MyPic.width=(image.width*H)/image.height

}

else{

MyPic.width=image.width

MyPic.height=image.height

}

}

}

}

图片读取：<img src="图片路径" onload=""javascript:DrawImage(this,200,120)""border=""0"" width=""200"" height=""120""/>

---