ASP.NET如何实现上传图片并自动生成水印和缩略图的完整实例代码

教程大全 2026-02-13 17:08:46 浏览次

{asp.net上传图片并作处理水印与缩略图的实例代码}

在ASP.NET Web应用开发中，图片上传后的处理（如生成缩略图、添加水印）是提升用户体验与资源利用效率的关键环节，本文将结合详细实例代码，系统阐述ASP.NET下图片上传、缩略图生成及水印添加的全流程实现，并融入酷番云的实战经验案例，确保内容专业、权威且具备实际应用价值。

技术准备与环境搭建

实现图片处理功能，需首先搭建合适的技术环境与引入必要的依赖库。

实例代码实现：图片上传、缩略图生成与水印添加

以下通过完整代码示例，展示ASP.NET中图片上传后处理的实现逻辑，涵盖文件上传、缩略图生成、文字/图片水印添加等核心步骤。

loading="lazy">

图片上传模块（HTML与C#代码）

在Web页面中添加文件上传控件，并处理上传逻辑： HTML部分 ：

C#处理代码 ：

protected void btnUpload_Click(object sender, EventArgs e){if (FileUpload1.HasFile){// 1. 定义上传目录并创建string uploadDir = Server.MAPPath("~/Uploads/");if (!Directory.Exists(uploadDir)) Directory.CreateDirectory(uploadDir);// 2. 获取文件名并保存string fileName = Path.GetFileName(FileUpload1.FileName);string fullPath = Path.Combine(uploadDir, fileName);FileUpload1.SaveAs(fullPath);// 3. 后续处理：生成缩略图与水印（见下文）}}

图片缩略图生成（使用ImageSharp）

缩略图生成需保持图片宽高比，并按指定尺寸缩放，以下代码实现200×200像素的缩略图：

using SixLabors.ImageSharp;using SixLabors.ImageSharp.Processing;public static void GenerateThumbnail(string sourcePath, string destPath, int maxWidth, int maxHeight){using (var image = Image.Load(sourcePath)){// 使用ResizeMode.Max保持宽高比image.Mutate(ctx => ctx.Resize(new ResizeOptions{Mode = ResizeMode.Max,Size = new Size(maxWidth, maxHeight)}));image.Save(destPath);}}

调用示例：

string thumbnailPath = Path.Combine(uploadDir, "thumbnail_" + fileName);GenerateThumbnail(fullPath, thumbnailPath, 200, 200);

水印添加（文字与图片水印）

处理流程整合

将上述步骤整合为完整处理流程：

protected void btnUpload_Click(object sender, EventArgs e){if (FileUpload1.HasFile){string uploadDir = Server.MapPath("~/Uploads/");string fileName = Path.GetFileName(FileUpload1.FileName);string fullPath = Path.Combine(uploadDir, fileName);FileUpload1.SaveAs(fullPath);// 生成缩略图string thumbnailPath = Path.Combine(uploadDir, "thumbnail_" + fileName);GenerateThumbnail(fullPath, thumbnailPath, 200, 200);// 添加文字水印string watermarkedPath = Path.Combine(uploadDir, "watermarked_" + fileName);AddTextWatermark(fullPath, watermarkedPath, "示例版权信息", 0.6f);// 可选：添加图片水印// AddImageWatermark(fullPath, watermarkedPath, "~/Watermark/logo.png");}}