如何从服务器文件夹中的图像生成缩略图?
本文关键字:略图 图像 服务器 文件夹 | 更新日期: 2023-09-27 17:49:22
我一直在试图弄清楚这一点,但我没有得到任何地方。我试图做的是这样的:我有一个aspx页面,你可以上传图片(它们存储在一个文件夹在服务器上),在一个页面上可以看到所有上传的图片和它生成链接(标签)的引用这些图像,但是直到现在它加载完整的图像"缩略图",他们规模太大(1920 x1200px),所以我替换图像src与通用处理器,它应该得到的图像文件夹然后返回它,大小209 x133px。
但是我不知道从哪里开始,我会感激任何的支持,也许有人曾经做过类似的事情。
无论如何,提前感谢
这是我如何创建链接和图像与中继器:
protected void repImages_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.AlternatingItem ||
e.Item.ItemType == ListItemType.Item)
{
string sFile = e.Item.DataItem as string;
//Create the thumblink
HyperLink hlWhat = e.Item.FindControl("hlWhat") as HyperLink;
hlWhat.NavigateUrl = ResolveUrl("~/_img/_upload/" + sFile);
hlWhat.ToolTip = System.IO.Path.GetFileNameWithoutExtension(sFile);
hlWhat.Attributes["rel"] = "imagebox-bw";
hlWhat.Attributes["target"] = "_blank";
Image oImg = e.Item.FindControl("imgTheImage") as Image;
oImg.ImageUrl = ResolveUrl("Thumbnail.ashx?img=" + sFile);
oImg.Width = 203;
oImg.CssClass = "galleryImgs";
}
}
现在,我的处理程序是这样的:
<%@ WebHandler Language="C#" Class="Thumbnail" %>
using System;
using System.Web;
public class Thumbnail : IHttpHandler {
public void ProcessRequest (HttpContext context) {
if (!string.IsNullOrEmpty(context.Request.QueryString["img"]))
{
string fileName = context.Request.QueryString["img"];
}
else
{
}
}
public bool IsReusable {
get {
return false;
}
}
}
添加系统。图和系统图。Drawing2D 名称空间你可以调整你的图像大小后台代码:
public static System.Drawing.Image ScaleImage(System.Drawing.Image image, int maxHeight)
{
var ratio = (double)maxHeight / image.Height;
var newWidth = (int)(image.Width * ratio);
var newHeight = (int)(image.Height * ratio);
var newImage = new Bitmap(newWidth, newHeight);
using (var g = Graphics.FromImage(newImage))
{
g.DrawImage(image, 0, 0, newWidth, newHeight);
}
return newImage;
}
这里有一些代码可能需要一些调整,但可以帮助您继续前进。
// 1x1 transparent GIF
private readonly byte[] GifData = {
0x47, 0x49, 0x46, 0x38, 0x39, 0x61,
0x01, 0x00, 0x01, 0x00, 0x80, 0xff,
0x00, 0xff, 0xff, 0xff, 0x00, 0x00,
0x00, 0x2c, 0x00, 0x00, 0x00, 0x00,
0x01, 0x00, 0x01, 0x00, 0x00, 0x02,
0x02, 0x44, 0x01, 0x00, 0x3b
};
public void ProcessRequest(HttpContext context)
{
// render direct
context.Response.BufferOutput = false;
bool fFail = true;
try
{
if (!string.IsNullOrEmpty(context.Request.QueryString["img"]))
{
string fileName = context.Request.QueryString["img"];
using( var inputImage = new Bitmap(fileName))
{
// create the thubnail
FinalImage = CreateThubNain();
// send it to browser
FinalImage.Save(context.Response.OutputStream, ImageFormat.Jpeg);
// flag tha all ends up well
fFail = false;
}
}
}
catch(Exception x)
{
// log the error
Debug.Fail("Check why is fail - error:" + x.ToString());
}
if(fFail)
{
// send something anyway
context.Response.ContentType = "image/gif";
context.Response.OutputStream.Write(GifData, 0, GifData.Length);
}
else
{
// this is a header that you can get when you read the image
context.Response.ContentType = "image/jpeg";
// the size of the image, saves from load the image, and send it here
// context.Response.AddHeader("Content-Length", imageData.Length.ToString());
// cache the image - 24h example
context.Response.Cache.SetExpires(DateTime.Now.AddHours(24));
context.Response.Cache.SetMaxAge(new TimeSpan(24, 0, 0));
}
}
和一个关于如何制作缩略图的问题:从数据库图像制作缩略图,同时保持长宽比
一些评论。如果您使用处理程序来制作缩略图,则需要花费大量的处理时间来制作相同的缩略图。我建议跟踪缩略图并将其保存在磁盘上,然后使用直接从磁盘上的文件。
我们使用这样的方法:
private Image ScaleFreeHeight(string imagePath, int newWidth)
{
var byteArray = new StreamReader(imagePath).BaseStream;
var image = Image.FromStream(byteArray);
var newHeight2 = Convert.ToInt32(newWidth * (1.0000000 * image.Height / image.Width));
var thumbnail = new Bitmap(newWidth, newHeight2);
var graphic = Graphics.FromImage(thumbnail);
graphic.InterpolationMode = InterpolationMode.HighQualityBicubic;
graphic.SmoothingMode = SmoothingMode.HighQuality;
graphic.PixelOffsetMode = PixelOffsetMode.HighQuality;
graphic.CompositingQuality = CompositingQuality.HighQuality
graphic.DrawImage(image, 0, 0, newWidth, newHeight2);
return thumbnail;
}