ASP.NET生成缩略图并添加版权代码实例，如何操作？

ASP.NET 中生成缩略图并添加版权实例代码

在 ASP.NET 应用程序中，生成图像的缩略图并在图像上添加版权信息是一个常见的需求，以下是一个详细的示例，展示如何在 ASP.NET Core 中使用 C# 生成缩略图并添加版权信息。

# 1. 创建一个新的 ASP.NET Core Web 应用

确保你已经安装了 .NET SDK，使用以下命令创建一个新的 ASP.NET Core Web 应用：

“`bash

dotnet new mvc -n ImageThumbnailApp

cd ImageThumbnailApp

“`

# 2. 安装必要的 NuGet 包

我们将使用 `System.Drawing.Common` 库来处理图像操作，打开你的项目文件（通常是 `ImageThumbnailApp.csproj`），并添加以下 NuGet 包引用：

“`xml

“`

保存文件并恢复 NuGet 包：

“`bash

dotnet restore

“`

# 3. 创建一个服务来处理图像操作

在你的项目中，创建一个新的文件夹 `Services`，然后在该文件夹中创建一个类 `ImageService.cs`，这个类将包含生成缩略图和添加版权信息的逻辑。

Services/ImageService.cs

“`csharp

using System;

using System.Drawing;

using System.Drawing.Imaging;

using System.IO;

using Microsoft.AspNetCore.Hosting;

using Microsoft.Extensions.Configuration;

public class ImageService : IImageService

private readonly IWebHostEnvironment _env;

private readonly IConfiguration _configuration;

public ImageService(IWebHostEnvironment env, IConfiguration configuration)

{

_env = env;

_configuration = configuration;

}

public byte[] GenerateThumbnailWithCopyright(byte[] imageBytes, int width, int height, string copyrightText)

{

using (var originalImage = Image.FromStream(new MemoryStream(imageBytes)))

{

int newWidth = width;

int newHeight = height;

float aspectRatio = (float)originalImage.Width / originalImage.Height;

if (aspectRatio > 1)

{

newHeight = (int)(newWidth / aspectRatio);

}

else

{

newWidth = (int)(newHeight aspectRatio);

}

using (var thumbnail = new Bitmap(newWidth, newHeight))

{

using (var g = Graphics.FromImage(thumbnail))

{

g.CompositingQuality = CompositingQuality.HighQuality;

g.InterpolationMode = InterpolationMode.HighQualityBicubic;

g.SmoothingMode = SmoothingMode.HighQuality;

g.PixelOffsetMode = PixelOffsetMode.HighQuality;

g.DrawImage(originalImage, 0, 0, newWidth, newHeight);

// Add copyright text

using (var font = new Font(“Arial”, 12, FontStyle.Bold))

{

SizeF textSize = g.MeasureString(copyrightText, font);

int x = newWidth (int)textSize.Width 10; // 10 pixels from the right edge

int y = newHeight (int)textSize.Height 10; // 10 pixels from the bottom edge

Brush brush = Brushes.White; // White color for the text

g.DrawString(copyrightText, font, brush, x, y);

}

}

using (var memoryStream = new MemoryStream())

{

thumbnail.Save(memoryStream, ImageFormat.Jpeg);

return memoryStream.ToArray();

}

}

}

}

“`

# 4. 注册服务并创建控制器

打开 `Startup.cs` 文件，注册 `ImageService`：

Startup.cs

“`csharp

public void ConfigureServices(IServiceCollection services)

services.AddControllersWithViews();

services.AddScoped ();

“`

创建一个控制器来处理图像上传和缩略图生成请求，在 `Controllers` 文件夹中创建 `ImageController.cs`。

Controllers/ImageController.cs

“`csharp

using Microsoft.AspNetCore.Mvc;

using System.IO;

using System.Threading.Tasks;

public class ImageController : Controller

private readonly IImageService _imageService;

public ImageController(IImageService imageService)

{

_imageService = imageService;

}

[HttpPost]

[Route(“api/images/thumbnail”)]

public async Task GenerateThumbnail([FromForm] IFormFile image, int width, int height, [FromForm] string copyrightText)

{

if (image == null || image.Length == 0)

{

return BadRequest(“Please upload an image.”);

}

using (var memoryStream = new MemoryStream())

{

await image.CopyToAsync(memoryStream);

var imageBytes = memoryStream.ToArray();

var thumbnailBytes = _imageService.GenerateThumbnailWithCopyright(imageBytes, width, height, copyrightText);

return File(thumbnailBytes, “image/jpeg”);

}

}

“`

# 5. 创建一个简单的 HTML 表单来测试功能

在 `Views/Home` 文件夹中创建 `Index.cshtml`，并添加一个文件上传表单。

Views/Home/Index.cshtml

“`html

@model ImageThumbnailApp.Models.HomeViewModel

@{

ViewData[“Title”] = “Upload Image”;

Upload Image

Select Image:

Thumbnail Width:

Thumbnail Height:

Copyright Text:

Generate Thumbnail

“`

HomeController.cs

“`csharp

using Microsoft.AspNetCore.Mvc;

using System.Threading.Tasks;

using ImageThumbnailApp.Models;

using ImageThumbnailApp.Services;

using Microsoft.AspNetCore.Hosting;

using Microsoft.Extensions.Configuration;

public class HomeController : Controller

private readonly IImageService _imageService;

private readonly IWebHostEnvironment _env;

private readonly IConfiguration _configuration;

public HomeController(IImageService imageService, IWebHostEnvironment env, IConfiguration configuration)

{

_imageService = imageService;

_env = env;

_configuration = configuration;

}

[HttpPost]

public async Task Upload(IFormFile image, int width, int height, string copyright)

{

if (image == null || image.Length == 0)

{

return BadRequest(“Please upload an image.”);

}

using (var memoryStream = new MemoryStream())

{

await image.CopyToAsync(memoryStream);

var imageBytes = memoryStream.ToArray();

var thumbnailBytes = _imageService.GenerateThumbnailWithCopyright(imageBytes, width, height, copyright);

return File(thumbnailBytes, “image/jpeg”);

}

}

“`

HomeViewModel.cs（可选）

“`csharp

namespace ImageThumbnailApp.Models

public class HomeViewModel

{

// You can add properties here if needed for view bindings.

}

“`

# 6. 运行应用程序并测试功能

你可以运行你的应用程序并导航到 `/Home/Index` 页面，上传一张图片，输入缩略图的宽度、高度以及版权文本，然后点击“Generate Thumbnail”按钮，你应该会看到生成的带有版权信息的缩略图。

FAQs相关ASP.NET在生成缩略图并添加版权信息时，如何确保版权信息不会覆盖图片的重要内容？

在生成缩略图并添加版权信息时，可以通过以下几种方式确保版权信息不会覆盖图片的重要内容：

1. 位置选择：将版权信息放置在图片的边缘或角落，避免覆盖图片的主体部分，可以将版权信息放在图片的右下角或左上角。

2. 透明度设置：如果版权信息是文字，可以使用半透明的背景色或轮廓，使其与图片背景融合，减少对主体内容的干扰。

3. 大小调整：控制版权信息的字体大小和粗细，使其足够明显但又不过于突兀，字体大小应适中，不应过大以影响图片的整体观感。

4. 颜色对比：选择与图片背景形成对比的颜色，以确保版权信息清晰可见，但同时避免使用过于刺眼的颜色组合。