快捷導(dǎo)航

如何在ASP.NET Core中給上傳圖片功能添加水印實(shí)例代碼

更新時(shí)間：2019年02月20日 10:10:05 作者：張子浩

這篇文章主要給大家介紹了關(guān)于如何在ASP.NET Core中給上傳圖片功能添加水印的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

因某些原因需要在圖片上添加文字水印、圖片水印,所以這里做個(gè)簡(jiǎn)單的記錄。下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的實(shí)現(xiàn)過(guò)程吧

實(shí)現(xiàn)方法：

在傳統(tǒng)的.NET框架中，我們給圖片添加水印有的是通過(guò)HttpModules或者是HttpHandler，然后可以通過(guò)以下代碼添加水印:

var image = new WebImage(imageBytes);
image.AddTextWatermark(
 Settings.Instance.WatermarkText, "White", Settings.Instance.WatermarkFontSize,
 opacity: Settings.Instance.WatermarkTextOpacityPercentage
);

但是在.NET Core中不允許你這么干了，因?yàn)闆](méi)有WebImage這個(gè)類型了。在現(xiàn)在的.NET Core中我們都是通過(guò)IFormFile來(lái)上傳文件，這包含了很多格式，那我們?cè)囈幌掳伞?/p>

首先我們一定要知道，我們要把圖片保存到什么地方，我們?cè)?NET Core中獲取項(xiàng)目目錄需要最基本的構(gòu)造函數(shù)，如以下定義：

public readonly ILogger<ImageController> Logger = null;
 private IHostingEnvironment hostingEnv;
 public ImageController(ILogger<ImageController> logger,IHostingEnvironment env)
 {
  Logger = logger;
  this.hostingEnv = env;
 }

由于可以擴(kuò)展使用下簡(jiǎn)單的日志框架，我們也可以把微軟那套的日志框架給構(gòu)造進(jìn)來(lái)。.NET Core添加水印的代碼可以這么寫。

// Add watermark
    var watermarkedStream = new MemoryStream();
    using (var img = Image.FromStream(stream))
    {
    using (var graphic = Graphics.FromImage(img))
    {
     var font = new Font(FontFamily.GenericSansSerif, 20, FontStyle.Bold, GraphicsUnit.Pixel);
     var color = Color.FromArgb(128, 255, 255, 255);
     var brush = new SolidBrush(color);
     var point = new Point(img.Width - 120, img.Height - 30);

     graphic.DrawString("cnblogs.com/zaranet", font, brush, point);
     img.Save(watermarkedStream, ImageFormat.Png);
    }
    img.Save(hostingEnv.WebRootPath+"/"+name);
    }

這里把傳過(guò)來(lái)的內(nèi)存流變成了Image也就是Bitmap，然后我們通過(guò)了graphic類的方法，變成了可修改的graphic類型，其中的方法大概有200多個(gè)。也就是畫畫~

其中的完整代碼如下：

[HttpPost]
 public async Task<IActionResult> UploadImageAsync(IFormFile file)
 {
  try
  {
  if (null == file)
  {
   Logger.LogError("file is null.");
   return BadRequest();
  }

  if (file.Length > 0)
  {
   var name = Path.GetFileName(file.FileName);
   if (name != null)
   {
   using (var stream = new MemoryStream())
   {
    await file.CopyToAsync(stream);

    // Add watermark
    var watermarkedStream = new MemoryStream();
    using (var img = Image.FromStream(stream))
    {
    using (var graphic = Graphics.FromImage(img))
    {
     var font = new Font(FontFamily.GenericSansSerif, 20, FontStyle.Bold, GraphicsUnit.Pixel);
     var color = Color.FromArgb(128, 255, 255, 255);
     var brush = new SolidBrush(color);
     var point = new Point(img.Width - 120, img.Height - 30);

     graphic.DrawString("cnblogs.com/zaranet", font, brush, point);
     img.Save(watermarkedStream, ImageFormat.Png);
    }
    img.Save(hostingEnv.WebRootPath+"/"+name);

    }
    return StatusCode(StatusCodes.Status200OK);
   }
   }
  }
  return BadRequest();
  }
  catch (Exception e)
  {
  Logger.LogError(e, $"Error uploading image.");
  return StatusCode(StatusCodes.Status500InternalServerError);
  }
 }

最后，你可以使用PostMan進(jìn)行測(cè)試。