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

最新推荐文章于 2023-02-10 07:54:34 发布
最新推荐文章于 2023-02-10 07:54:34 发布
阅读量404 收藏 7
点赞数
分类专栏： .net 文章标签： asp.net button generator image asp 图形
以前，在页面上实现缩略图必须借助第三方组件。现在，有了.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); 
   } 

}
} 
 
xiaops2005
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.Net 上传图片并生成高清晰缩略图
10-30
ASP.Net 上传图片并生成高清晰缩略图的代码
ASP图片缩放
weixin_30906185的博客
11-02 73
<% '------------------------------ GetSize.asp ------------------------------'File Build Date: 2004-08-14'ImgPath文件路径，要求绝对路径。ImgWidth图片约束宽度,ImgHeight图片约束高度'函数返回值为一个5个元素的数组，下面是数组元素返回值的意义'Arr...
Asp.net 让图片按比例进行缩放显示
William Lin 的专栏
10-11 4983
/***** 作者: william Lin 功能: 让图片按比例进行缩放显示 技术: Asp.net *******/ 算法分析： 设加载的图片为：宽=Weight 高= height 那么比例就为    K = Weight/height ===================  为达到最大高宽为 90 所以算法如下所示 核心只要按照比例K，计算出最终的宽和高就可以了
ASP.NET 按规定尺寸缩放图片
yzb1015的专栏
03-25 1318
public string ImgFileUp(HttpPostedFile HPF, string saveDir) { string returnStr1 = ""; string Extension = new FileInfo(HPF.FileName).Extension; #region 保存原始文件
Asp.Net中图片大小的缩放
huangwei999111的专栏
11-13 1211
在Asp.Net中显示图片的时候，如果给定一个固定大小的容器，如，图片的大小如何根据容器的大小进行比例缩放呢。以下是一个比较简单的函数，根据图片的宽高比例进行计算，缩放后保持比例不变。 //ViewSize 外框大小         //ImageSize 图片的实际大小         public Size Resize(Size ViewSize, Size ImageSize)
用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 图片超过指定大小后等比例压缩图片的方法
01-20
代码如下:/// <summary>        /// 压缩图片        /// </summary>        /// <returns></returns>        public string ResizePic()        {            #region 压缩图片开始            bool IsImgFile = true;  //判断是否为图片文件            string filePathName = “123”;   //文件存储的路径（文件夹名称）            string fileName = “a.jpg”; 
(转)在网页上显示缩略图
weixin_30550271的博客
08-18 397
网站上可能会有很多图片，比如产品图片等，而且他们可能大小不一，宽度和高度也不一定一样，有的很大有的很小。如果放在一张网页上，可能会破坏版面，但是如果强制让他们按照指定的宽度和高度显示，因为比例不同还会出现变形，显示效果很糟糕，还有最大的缺点是，文件尺寸丝毫没有变化，当图片很大的时候，用户想要看到图片，必须经过漫长等待下载图片，怎么办呢？好，这里设计到了缩略图，就像Windows中的缩略图查看一样，...
ASP.NET中图象操作与缩放
weixin_33910385的博客
03-25 141
ASP.NET中图象操作与缩放 原文：ASP.NET Image Manipulation and Zoom 作者：不详    翻译：YuL 这里需要两个ASP.NET页面：Zoom.aspx和ZoomProcessor.aspx。ZoomProcessor.aspx用于实际的图片操 作。这个页面输出的不是HTML，而是图象。这个输出图象就作为Zoom.aspx的图象源，然...
asp.net简易图片压缩，缩略图实现
04-28 2258
<br />1.创建一个图片压缩类。<br />public Image ResourceImage;<br />        public string ErrorMessage;<br />        public ImageThumbnail(string ImageFileName)<br />        {<br />            ResourceImage = Image.FromFile(ImageFileName);<br />            ErrorMessa
asp.net 图片智能缩放！
wangjun8868的专栏
04-26 779
<br /> /// <summary> /// 图片按比列缩放 /// </summary> /// <param name="M_OldPath">源图片路径</param> /// <param name="M_NewPath">新图片路径</param> /// <param name="M_Width">新图片的宽度</param> /// <param name="M_Height">新图片的高度</param> pub
ASP.NET jQuery 小实例（实现图片的放大&缩小）
马克菠萝包ଲ的博客
04-13 376
①Default.aspx文件 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
ASP.NET生成图片的缩略图
网络Online
06-01 329
生成的带图片水印的图片路径///// 水印图片路径/// 水印图片路径///// 原服务器图片路径/// 原服务器图片路径/// 原始高
.net给图片增加水印和生成图片缩略图
zy0412326的专栏
02-10 581
net
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、付费专栏及课程。

余额充值