在ASP.NET中，实现上传图片并生成缩略图的功能可以通过以下步骤完成：
-
上传图片 ：使用
FileUpload控件上传图片文件。 -
生成缩略图 ：使用
System.Drawing命名空间中的类对图片进行处理，生成缩略图。 -
保存缩略图：将生成的缩略图保存到服务器。
以下是完整的实现代码和步骤。
1. 创建ASP.NET Web Forms页面
HTML部分 (Default.aspx)
html
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>上传图片并生成缩略图</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="btnUpload" runat="server" Text="上传并生成缩略图" OnClick="btnUpload_Click" />
<br />
<asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
<br />
<asp:Image ID="imgThumbnail" runat="server" Visible="false" />
</div>
</form>
</body>
</html>2. 实现上传和生成缩略图功能
代码部分 (Default.aspx.cs)
cs
using System;
using System.Drawing;
using System.IO;
using System.Web;
namespace WebApplication1
{
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnUpload_Click(object sender, EventArgs e)
{
if (FileUpload1.HasFile)
{
try
{
// 获取上传的文件
HttpPostedFile file = FileUpload1.PostedFile;
// 检查文件类型
if (file.ContentType.ToLower().StartsWith("image/"))
{
// 保存原始图片
string uploadPath = Server.MapPath("~/Uploads/");
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
string fileName = Path.GetFileName(file.FileName);
string filePath = Path.Combine(uploadPath, fileName);
file.SaveAs(filePath);
// 生成缩略图
string thumbnailPath = Path.Combine(uploadPath, "thumbnail_" + fileName);
GenerateThumbnail(filePath, thumbnailPath, 100, 100);
// 显示缩略图
imgThumbnail.ImageUrl = "~/Uploads/thumbnail_" + fileName;
imgThumbnail.Visible = true;
lblMessage.Text = "图片上传成功，缩略图已生成。";
}
else
{
lblMessage.Text = "请上传有效的图片文件。";
}
}
catch (Exception ex)
{
lblMessage.Text = "发生错误: " + ex.Message;
}
}
else
{
lblMessage.Text = "请选择要上传的图片文件。";
}
}
// 生成缩略图的方法
private void GenerateThumbnail(string originalImagePath, string thumbnailPath, int width, int height)
{
using (Image originalImage = Image.FromFile(originalImagePath))
{
// 计算缩略图尺寸
int newWidth, newHeight;
if (originalImage.Width > originalImage.Height)
{
newWidth = width;
newHeight = (int)(originalImage.Height * ((float)width / originalImage.Width));
}
else
{
newHeight = height;
newWidth = (int)(originalImage.Width * ((float)height / originalImage.Height));
}
// 创建缩略图
using (Image thumbnail = originalImage.GetThumbnailImage(newWidth, newHeight, null, IntPtr.Zero))
{
thumbnail.Save(thumbnailPath);
}
}
}
}
}3. 代码说明
3.1 上传图片
-
使用
FileUpload控件获取用户上传的文件。 -
检查文件类型是否为图片（
file.ContentType.ToLower().StartsWith("image/")）。 -
将上传的图片保存到服务器的
Uploads文件夹中。
3.2 生成缩略图
-
使用
Image.FromFile加载原始图片。 -
根据指定的宽度和高度计算缩略图的尺寸，保持图片的宽高比。
-
使用
GetThumbnailImage方法生成缩略图，并保存到服务器。
3.3 显示缩略图
- 将生成的缩略图的URL赋值给
Image控件，并显示在页面上。
4. 运行示例
-
将代码部署到ASP.NET Web应用程序中。
-
运行项目并访问
Default.aspx页面。 -
选择一张图片文件并点击"上传并生成缩略图"按钮。
-
上传成功后，页面会显示生成的缩略图。
5. 优化和扩展
-
图片格式支持：可以扩展代码以支持更多图片格式（如PNG、GIF等）。
-
缩略图质量 ：使用
System.Drawing的高级功能（如Graphics类）可以更好地控制缩略图的质量。 -
文件重命名：为避免文件名冲突，可以为上传的文件生成唯一的文件名。
-
安全性：检查文件大小和类型，防止上传恶意文件。
6. 总结
通过以上步骤，你可以在ASP.NET中实现上传图片并生成缩略图的功能。该方法简单易用，适合大多数Web应用程序的需求。根据实际需求，可以进一步优化和扩展功能。