Add watermark text to images dynamically while uploading in asp.net | ASPMANTRA | Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server AND WCF 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.

Post a Comment

[blogger]

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget