当前位置：首页 > 技术教程 > 正文

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

admin
技术教程
2026-01-23
2421

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

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

技术准备与环境搭建

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

开发环境：推荐使用.NET Core 3.1或更高版本，因其跨平台特性与性能优势。
依赖库选择：由于.NET Core中System.Drawing库存在跨平台兼容性问题，建议使用微软官方推荐的跨平台图像处理库——ImageSharp（基于.NET Standard构建，支持.NET Framework、.NET Core、.NET 5+），通过NuGet包管理器安装：
dotnet add package SixLabors.ImageSharp dotnet add package SixLabors.ImageSharp.Processing
西西云图片处理服务简介：作为可选方案，西西云提供了云原生图片处理服务，支持自动缩略图生成、水印叠加、格式转换等功能，某电商企业通过集成西西云，实现了“上传后自动处理”的自动化流程，处理效率提升30%，同时降低本地服务器资源消耗。

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

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

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

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

HTML部分：

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

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);

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

文字水印：通过DrawText方法叠加自定义文字，支持透明度调整：

public static void AddTextWatermark(string sourcePath, string destPath, string text, float opacity = 0.5f) { using (var image = Image.Load(sourcePath)) { var font = new Font("Arial", 24, FontStyle.Bold); var brush = new SolidBrush(Color.White); brush.Opacity = (byte)(opacity * 255); image.Mutate(ctx => ctx .DrawText(text, font, brush, new Point(image.Width - 100, image.Height - 50))); image.Save(destPath); } }
图片水印：将自定义图片叠加至原图片，适用于Logo或背景水印：
public static void AddImageWatermark(string sourcePath, string destPath, string watermarkPath) { using (var image = Image.Load(sourcePath)) { using (var watermark = Image.Load(watermarkPath)) { image.Mutate(ctx => ctx .DrawImage(watermark, new ImageSharp.Drawing.SamplingOptions { }, 1f, true)); } image.Save(destPath); } }

处理流程整合

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

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"); } }