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

最新推荐文章于 2020-06-01 10:13:14 发布
最新推荐文章于 2020-06-01 10:13:14 发布
阅读量824 收藏
点赞数
分类专栏： ASP.NET 文章标签： asp.net button string object microsoft image

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

查看例子

代码如下：Thumbnail.aspx

  <%@ Page Language="vb" AutoEventWireup="false" Codebehind="Thumbnail.aspx.vb" Inherits="aspxWeb.Thumbnail" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>在ASP.NET里轻松实现缩略图</title> <meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR"> <meta content="Visual Basic 7.0" name="CODE_LANGUAGE"> <meta content="JavaScript" name="vs_defaultClientScript"> <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> </HEAD> <body MS_POSITIONING="GridLayout"> <asp:Label id="Label1" runat="server"></asp:Label> <form id="Form1" method="post" runat="server" enctype="multipart/form-data"> <INPUT type="file" name="file" width="600"><br><br> <asp:Button id="Button1" runat="server"></asp:Button> </form> </body> </HTML>

后代码：Thumbnail.aspx.vb

  Imports System Imports System.Web Imports System.Drawing Imports System.IO Imports System.Drawing.Imaging Public Class Thumbnail Inherits System.Web.UI.Page Protected WithEvents Label1 As System.Web.UI.WebControls.Label Protected WithEvents Button1 As System.Web.UI.WebControls.Button #Region " Web Form Designer Generated Code " 'This call is required by the Web Form Designer. <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent() End Sub Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init 'CODEGEN: This method call is required by the Web Form Designer 'Do not modify it using the code editor. InitializeComponent() End Sub #End Region Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Label1.Text = "<h3>在ASP.NET里轻松实现缩略图</h3>" Button1.Text = "上载并显示缩略图" End Sub Private Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim MyFileColl As HttpFileCollection = HttpContext.Current.Request.Files Dim MyPostedFile As HttpPostedFile = MyFileColl.Item(0) If LCase(MyPostedFile.ContentType.ToString()).IndexOf("image") < 0 Then Response.Write("无效的图形格式。") Exit Sub End If GetThumbNail(MyPostedFile.FileName, 100, 100, MyPostedFile.ContentType.ToString(),_ False, MyPostedFile.InputStream) End Sub Private Function GetImageType(ByVal strContentType) As System.Drawing.Imaging.ImageFormat Select Case (strContentType.ToString().ToLower()) Case "image/pjpeg" GetImageType = System.Drawing.Imaging.ImageFormat.Jpeg Case "image/gif" GetImageType = System.Drawing.Imaging.ImageFormat.Gif Case "image/bmp" GetImageType = System.Drawing.Imaging.ImageFormat.Bmp Case "image/tiff" GetImageType = System.Drawing.Imaging.ImageFormat.Tiff Case "image/x-icon" GetImageType = System.Drawing.Imaging.ImageFormat.Icon Case "image/x-png" GetImageType = System.Drawing.Imaging.ImageFormat.Png Case "image/x-emf" GetImageType = System.Drawing.Imaging.ImageFormat.Emf Case "image/x-exif" GetImageType = System.Drawing.Imaging.ImageFormat.Exif Case "image/x-wmf" GetImageType = System.Drawing.Imaging.ImageFormat.Wmf Case Else GetImageType = System.Drawing.Imaging.ImageFormat.MemoryBmp End Select End Function Private Sub GetThumbNail(ByVal strFileName, ByVal iWidth, ByVal iheight, ByVal strContentType, _ ByVal blnGetFromFile, ByVal ImgStream) Dim oImg As Image If blnGetFromFile Then oImg = oImg.FromFile(strFileName) Else oImg = oImg.FromStream(ImgStream) End If oImg = oImg.GetThumbnailImage(iWidth, iheight, Nothing, (New IntPtr()).Zero) Dim strGuid As String = (New Guid()).NewGuid().ToString().ToUpper() Dim strFileExt As String = strFileName.Substring(strFileName.LastIndexOf(".")) '保存到本地 'oImg.Save(Server.MapPath("images") + "/" + strGuid + strFileExt, GetImageType(strContentType)) '直接输出url文件 'Response.Redirect("images/" + strGuid + strFileExt) '以下显示在屏幕上 Response.ContentType = strContentType Dim MemStream As New MemoryStream() ' 注意：这里如果直接用 oImg.Save(Response.OutputStream, GetImageType(strContentType)) ' 对不同的格式可能会出错，比如Png格式。 oImg.Save(MemStream, GetImageType(strContentType)) MemStream.WriteTo(Response.OutputStream) End Sub End Class

C#

  using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web; using System.Web.SessionState; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using System.IO; using System.Drawing.Imaging; namespace eMeng.Exam { /// <summary> /// Thumbnail 的摘要说明。 /// </summary> public class Thumbnail : System.Web.UI.Page { protected System.Web.UI.WebControls.Label Label1; protected System.Web.UI.WebControls.Button Button1; private void Page_Load(object sender, System.EventArgs e) { // 在此处放置用户代码以初始化页面 Label1.Text = "<h3>在ASP.NET里轻松实现缩略图</h3>"; Button1.Text = "上载并显示缩略图"; } #region Web 窗体设计器生成的代码 override protected void OnInit(EventArgs e) { // // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。 // InitializeComponent(); base.OnInit(e); } /// <summary> /// 设计器支持所需的方法 - 不要使用代码编辑器修改 /// 此方法的内容。 /// </summary> private void InitializeComponent() { this.Button1.Click += new System.EventHandler(this.Button1_Click); this.Load += new System.EventHandler(this.Page_Load); } #endregion private void Button1_Click(object sender, System.EventArgs e) { HttpFileCollection MyFileColl = HttpContext.Current.Request.Files; HttpPostedFile MyPostedFile = MyFileColl[0]; if (MyPostedFile.ContentType.ToString().ToLower().IndexOf("image") < 0) { Response.Write("无效的图形格式。"); return; } GetThumbNail(MyPostedFile.FileName, 100, 100, MyPostedFile.ContentType.ToString(), false, MyPostedFile.InputStream); } private System.Drawing.Imaging.ImageFormat GetImageType(object strContentType) { if ((strContentType.ToString().ToLower()) == "image/pjpeg") { return System.Drawing.Imaging.ImageFormat.Jpeg; } else if ((strContentType.ToString().ToLower()) == "image/gif") { return System.Drawing.Imaging.ImageFormat.Gif; } else if ((strContentType.ToString().ToLower()) == "image/bmp") { return System.Drawing.Imaging.ImageFormat.Bmp; } else if ((strContentType.ToString().ToLower()) == "image/tiff") { return System.Drawing.Imaging.ImageFormat.Tiff; } else if ((strContentType.ToString().ToLower()) == "image/x-icon") { return System.Drawing.Imaging.ImageFormat.Icon; } else if ((strContentType.ToString().ToLower()) == "image/x-png") { return System.Drawing.Imaging.ImageFormat.Png; } else if ((strContentType.ToString().ToLower()) == "image/x-emf") { return System.Drawing.Imaging.ImageFormat.Emf; } else if ((strContentType.ToString().ToLower()) == "image/x-exif") { return System.Drawing.Imaging.ImageFormat.Exif; } else if ((strContentType.ToString().ToLower()) == "image/x-wmf") { return System.Drawing.Imaging.ImageFormat.Wmf; } else { return System.Drawing.Imaging.ImageFormat.MemoryBmp; } } private void GetThumbNail(string strFileName, int iWidth, int iheight, string strContentType, bool blnGetFromFile, System.IO.Stream ImgStream) { System.Drawing.Image oImg; if (blnGetFromFile) { oImg = System.Drawing.Image.FromFile(strFileName); } else { oImg = System.Drawing.Image.FromStream(ImgStream); } oImg = oImg.GetThumbnailImage(iWidth, iheight, null, IntPtr.Zero); string strGuid = System.Guid.NewGuid().ToString().ToUpper(); string strFileExt = strFileName.Substring(strFileName.LastIndexOf(".")); Response.ContentType = strContentType; MemoryStream MemStream = new MemoryStream(); oImg.Save(MemStream, GetImageType(strContentType)); MemStream.WriteTo(Response.OutputStream); } } }
【 发表评论】 【 打印文章】 【 收藏文章】
  关于本文的评论：为了保护您的电子邮件不被骚扰，地址中的个别符号转换成了全角字符！
评论人：翔仔电子邮件：xiaoxiang0531＠yahoo．com．c评论日期：2006年12月06日 09:55:36
我试了一下您的代码,确实实现了图片的缩略图
不过我有个想法:
就是把缩略图保存为服务器上的图片文件,不知道这样能不能达到压缩的效果?
小弟是菜鸟,不太清楚如何把内存流里的内容保存为文件
麻烦您指点一下
评论人：3刀电子邮件：yrtrty评论日期：2006年07月07日 05:56:14
这个是产生缩略图,并不是压缩,不存在别人4K,你20K的问题了
评论人：China_Kungfu电子邮件：hnuvip＠qq．com评论日期：2006年06月02日 10:00:41
你是最牛的
评论人：向你学习电子邮件：评论日期：2006年06月01日 10:35:50
向孟老师请教，我将你的VB压缩成几行，但压缩后的图像总是大于你压缩的大小，源码如下：

        Dim newimg As Image = newimg.FromFile("C:/temp.jpg")
        newimg = newimg.GetThumbnailImage(100, 100, Nothing, (New IntPtr).Zero)
        newimg.Save(Server.MapPath("test") + "/" + "12345.jpg", GetImageType("image/jpeg"))
        Response.Redirect("test/12345.jpg")
        Response.ContentType = "image/jpeg"

同一张图片，压缩后同样大小的图片，我的有20K，而你的只有4K，请问我错在什么地方了？
评论人：superghy电子邮件：superghy＠sohu．com评论日期：2006年04月29日 12:18:55
图片上传后到那了？
评论人：yidao电子邮件：panfeng226＠163．net评论日期：2004年04月22日 09:07:13
就是呀,谁能换成C#版的呀,谢谢了
评论人：电子邮件：评论日期：2004年03月05日 01:07:02
希望能提供C#版的
评论人：nowfox电子邮件：nowfox＠tom．com评论日期：2004年02月27日 12:42:55
假如能提供C#版的就更好了
评论人：beckham电子邮件：评论日期：2004年02月18日 01:45:28
好的，试试，谢谢！
 
lijian910wolf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.Net 上传图片并生成高清晰缩略图
10-30
ASP.Net 上传图片并生成高清晰缩略图的代码
asp调用.net生成缩略图
stillmelody的专栏
06-29 313
using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;usin
ASP.NET 生成缩略图
weixin_30414155的博客
02-15 54
以下代码根据生成图片的宽、高，生成四种模式的图片缩略图 using System; using System.Collections; using System.Configuration; using System.Data; using System.Web; using System.Web.Security; using System.Web.UI; using Syste...
nuxt.js中使用vue-cropper实现图片裁剪
zhanghaoran
04-08 4261
最近我司一项目，在个人中心页面上需用户上传个性传封面图（类似知乎个人主页上部），用户上传图片大小不一，且封面图大小为1000px*240px;这就需要在用户上传的时候对图片进行合适大小裁剪。 大概思路： 用户上传图片时 判断图片尺寸大小，宽高不能小于1200px240；小于这个尺寸将无法完美裁剪。 将图片转化为base64格式，即时回显图片和不浪费服务器资源。 这两步完成后，将进入到vue-c...
用ASP.Net生成缩略图!!
10-11
在asp.net中用下面方法轻松搞定 　 　Sub Page_Load(sender As Object, e As EventArgs) 　 　Dim image,aNewImage As System.Drawing.Image 　dim width,height,newwidth,newheight as integer 　Dim callb As ...
asp.net奥硕图王CMS管理系统v1.3
07-25
1、缩略水印设置2、JS动态菜单3、扩展标签4、扩展工具5、JS动态广告6、无限极分类7、输出参数设置8、标签式模板开发技术，轻松制作模板9、文章模式数据调用，图片模式数据调用，幻灯片模式数据调用10、自己制作Flash...
asp.net知识库
06-18
ASP.NET2.0中themes、Skins轻松实现网站换肤！ ASP.NET 2.0 中的代码隐藏和编译 ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换 ASP.NET2.0 ObjectDataSource的使用详解（1） ASP.NET...
asp.net 全站静态化源码
08-19
1.图片模块：图片上传，自动裁切缩略图以及图片信息管理模块。无限极栏目。 2.新闻系统模块，新闻的发布以及管理。无限极栏目。 3.自定义皮肤以及自定义信息显示功能：系统自带标签可使不懂asp.net甚至不懂html的...
ASP.NET中的缩略图应用
ddjq1044的博客
06-12 90
在开发Web应用程序时，常常都会遇到图片上传和浏览的问题，有两种方案可以用来解决这个问题： 1. 将图片直接上传到服务器的硬盘上。优点是代码执行起来比较方便，给ASP.NET的执行进程赋予一定的权限，直接将操作的客户端文件保存到远程服务器上即可，并且在页面上读取图片非常方便，还可以直接设置图片的显示样式，如图片的大小、边框、链接地址等；缺点是安全性较差，从客户端访问服务...
ASP.NET生成图片的缩略图
网络Online
06-01 329
生成的带图片水印的图片路径///// 水印图片路径/// 水印图片路径///// 原服务器图片路径/// 原服务器图片路径/// 原始高
asp.net 保存图片 生成缩略图
yzy85的专栏
03-30 1343
利用C#.Net的FileUpload或者HtmlInputFile控件上传文件，首先保存上传文件，然后生产缩略图文件并保存 1、验证并生成文件名 string strSiteFileName = null; string strSiteUrl = this.fu_Site_Img.PostedFile.FileName.Trim(); //取得
ASP.NET生成缩略图
秦半两的专栏
08-11 505
在asp.net中，上传图片功能或者是常用的，生成缩略图也是常用的。baidu或者google，c#的方法也是很多的，但是一用却发现缩略图不清晰啊，缩略图片太大之类的事情，下面是我在处理图片上的代码，效果不错，所以拿出来分享，(效果能达到一些绘图软件的效果)代码如下：///     /// asp.net上传图片并生成缩略图     ///     /// Ht
图片处理函数
ygyangguang的专栏
02-22 404
/// /// 获取一个图片按等比例缩小后的大小。/// /// 需要缩小到的宽度/// 需要缩小到的高度/// 图片的原始宽度/// 图片的原始高度/// 返回图片按等比例缩小后的实际大小public static Size GetNewSize(int maxWidth, int maxHeight, int imageOriginalWidth, int imageOriginalHeigh
ASP.NET中生成缩略图的代码
diligentcat的专栏
10-21 782
ASP.NET中生成缩略图的代码 先必须导入 using System.Drawing;             //         /// 生成缩略图         ///          /// 源图路径         /// 缩略图路径         /// 缩略图宽度         /// 缩略图高度         /// 生成缩略图
[转]Asp.net真正生成高质量不变形缩略图片
keenweiwei的专栏
03-27 1452
[转]Asp.net真正生成高质量不变形缩略图片 http://www.cnblogs.com/leeolevis/archive/2009/02/03/1383132.html   上传缩略图如何实现不变形？等比例缩放 http://topic.csdn.net/u/20120327/08/79d1316c-faaf-4803-a4a9-578267fd102d.html?72355
asp.net怎么实现图片轮播
最新发布
06-12
在 ASP.NET 中实现图片轮播可以通过以下步骤： 1. 在 ASP.NET 页面中添加一个 Image 控件，用于显示图片。 2. 为 Image 控件添加一个 Timer 控件，并设置 Interval 属性为需要的时间间隔。 3. 在 Timer 控件的 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值