将水印图像写入上传的图像(在MVC控制器中)

时间:2016-08-07 15:14:04

标签: c# .net asp.net-mvc image-processing watermark

我想接受用户上传的图片文件,在角落里写一个小的16x16图标,然后将图像保存到我的Azure云存储中。

我发现了一些关于这个主题的好帖子,但我不太了解它。我以为我几乎拥有它但是在TextureBrush行上获得OutOfMemory异常。

如果我需要添加任何其他信息,请告知我们,并感谢您的帮助!

到目前为止,这是我的工作(AddWaterMark正在逐步淘汰):

                // add watermark before uploading to cloud server
                Stream stream = _fileManager.AddWaterMark(file.InputStream);

                cloudBlockBlob.UploadFromStream(stream, null, null, null);
                fileUrl = cloudBlockBlob.Uri.ToString();
--------<snip>----------

我的AddWaterMark方法:

 public Stream AddWaterMark(Stream stream)
    {

        var bytes = Convert.FromBase64String(Settings.Default.PartnifyWatermark);
        Image watermarkImage;
        using (var ms = new MemoryStream(bytes))
        {
            watermarkImage = Image.FromStream(ms);
        }


        using (var image = Image.FromStream(stream))
        using (var imageGraphics = Graphics.FromImage(image))
        using (var watermarkBrush = new TextureBrush(watermarkImage))
        {
            var x = (image.Width - 16);
            var y = (image.Height - 16);
            watermarkBrush.TranslateTransform(x, y);
            imageGraphics.FillRectangle(watermarkBrush, new Rectangle(new Point(x, y), new Size(watermarkImage.Width + 1, watermarkImage.Height)));
            image.Save(stream, ImageFormat.Png);
            return stream;
        }

    }

-------------------以下工作解决方案-------

最初我想在我上传的图像中流水印,然后将其发送到我的azure存储。我觉得我非常接近,但是我不能完全接受其他一切。我上传的图像一次只能进入一个并且&lt; 2M所以我找到了一个解决方案,保存图像,盖章,并继续。这是工作解决方案,欢迎评论:

注意:我已将公司水印放在应用程序设置中作为base64字符串,因此前几行只是将其拉出来。返回后,调用方法只是抓取克隆,上传并删除克隆。显然,有一些更优雅的方式来处理图像,但为了展示标记,这是可以接受的。

public void AddWaterMark(string filepath)
    {
        //var outStream = new MemoryStream();   
        var watermarkImageBase64 = Settings.Default.CompanyWatermark;
        var data = Convert.FromBase64String(watermarkImageBase64);
        using (var streamWatermark = new MemoryStream(data, 0, data.Length))
        using (var watermark = Image.FromStream(streamWatermark))
        using (var targetImage = Image.FromFile(filepath))
        using (var g = Graphics.FromImage(targetImage))
        {
            var destX = (targetImage.Width - watermark.Width) - 10;
            var destY = 10;

            g.DrawImage(watermark, new Rectangle(destX, destY, watermark.Width, watermark.Height));

            using (var cloneImage = (Image) targetImage.Clone())
            {
                cloneImage.Save(Server.MapPath("~/User_Data/cloneImage.png"));
            }
        }

我不喜欢这种方法....传入的图像已经在水印点转换为png,但水印是16x16,并且根据目标图像的尺寸显得更小或更大。无论目标图像的分辨率如何,都希望它“出现”在相同的大小周围。应该很容易。

1 个答案:

答案 0 :(得分:3)

您可以通过将图像绘制到目标来更简单地为图像添加水印。 TextureBrush可以将图像平铺在整个目标上。

这是使用更大的水印图像(125x125),但这并不重要,因为你可以将其缩放到所需的大小:

// show before
pbWM.Image = Image.FromFile(@"C:\Temp\horus_w.png");

using (Image watermark = Image.FromFile(@"C:\Temp\horus_w.png"))
using (Image TargetImg = Image.FromFile(@"C:\Temp\BigHead.jpg"))
using (Graphics g = Graphics.FromImage(TargetImg))
{
    var destX = (TargetImg.Width - watermark.Width) - 10;
    var destY = (TargetImg.Height - watermark.Height) - 10;

    g.DrawImage(watermark, new Rectangle(destX,
                destY,
                watermark.Width,
                watermark.Height));
    // display a clone for demo purposes
    pb2.Image = (Image)TargetImg.Clone();
}

enter image description here

玫瑰色图像是裸水印图像,另一个是最终结果。使用TexturedBrush,你可以做一些事情,比如使用低水平不透明度的平铺文本作为水印:

enter image description here

创建TextureBrush时有时会出现错误,我可以通过指定尺寸来避免错误:

using (TextureBrush br = new TextureBrush(wmImg,
            new Rectangle(0, 0, wmImg.Width - 1, wmImg.Height - 1)))
{
    g.FillRectangle(br, 0, 0, Marked.Width, Marked.Height);
}

另外,如果水印图像/徽标相同,我会将其存储在变量中并反复使用相同的图像。问题中的代码是每次都创建一个新的watermarkImage而不是处理它。