Add watermark text to images dynamically while uploading in asp.net - Free Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server,WCF,Entity framework snippets and tutorial

Add watermark text to images dynamically while uploading in asp.net

Introduction: In this article I will explain how we can add the watermark text to images dynamically while uploading in asp.net (C#, VB)

Description:
To implement this functionality to project/website add a webform. Create a folder images in project/website to store the uploaded images. Drag and drop the fileupload control from toolbox to aspx page.

HTML markup of page:
<fieldset style="width:500px">
    <legend>Example to add Watermark to uploaded images</legend>
    <table>
    <tr><td>Upload File</td><td>
        <asp:FileUpload ID="FileUpload1" runat="server" /></td></tr>
        <tr><td></td><td></td></tr>
    <tr><td></td><td>
        <asp:Button ID="Button1" runat="server" Text="Upload File" /></td></tr>
    </table>

    </fieldset>

Now add the namespaces.
C#:
using System.IO;
using System.Drawing;

VB:
Imports System.IO
Imports System.Drawing

After that write the below given code on button click.
C#:
protected void Button1_Click(object sender, EventArgs e)
    {
        try
        {
            Bitmap bmp = new Bitmap(FileUpload1.PostedFile.InputStream, false);
            Graphics graphicsobj = Graphics.FromImage(bmp);
            Brush brush = new SolidBrush(Color.FromArgb(80, 255, 255, 255));
            Point postionWaterMark = new Point((bmp.Width / 2), (bmp.Height * 9 / 10));
            graphicsobj.DrawString("© Articlemirror.in", new System.Drawing.Font("Arial", 30, FontStyle.Bold, GraphicsUnit.Pixel), brush, postionWaterMark);
            string filepath = Server.MapPath("~/images/") + Guid.NewGuid() + Path.GetFileName(FileUpload1.PostedFile.FileName);
            bmp.Save(filepath);
            graphicsobj.Dispose();
            Response.Write("<script type=\"text/javascript\">alert('image uploaded Successfully!!!');</script>");
        }
        catch (Exception ex)
        {
        }
}

VB:
  Protected Sub Button1_Click(sender As Object, e As System.EventArgs) Handles Button1.Click
        Try
           Dim bmp As New Bitmap(FileUpload1.PostedFile.InputStream, False)
            Dim graphicsobj As Graphics = Graphics.FromImage(bmp)
            Dim brush As Brush = New SolidBrush(Color.FromArgb(80, 255, 255, 255))
            Dim postionWaterMark As New Point((bmp.Width / 2), (bmp.Height * 9 / 10))
            graphicsobj.DrawString("© Articlemirror.in", New System.Drawing.Font("Arial", 30, FontStyle.Bold, GraphicsUnit.Pixel), brush, postionWaterMark)
            Dim filepath As String = Server.MapPath("~/images/") & Guid.NewGuid().ToString() & Path.GetFileName(FileUpload1.PostedFile.FileName)
            bmp.Save(filepath)
            graphicsobj.Dispose()
            Response.Write("<script type=""text/javascript"">alert('image uploaded Successfully!!!');</script>")
        Catch ex As Exception
        End Try
    End Sub

Now build, run the project and see the result.
DEMO:
Add watermark text to images dynamically while uploading in asp.net

Download

In this article we have learn to add watermark text to images dynamically while uploading in asp.net (C#,VB). I hope you enjoyed this article.

What do you think about this article?

If you found this article useful, please share and follow on Facebook, Twitter, Google Plus and other social media websites. To get free updates subscribe to newsletter. Please put your thoughts and feedback in comments section.

Share this

Share on FacebookTweet on TwitterPlus on Google+


EmoticonEmoticon