Dynamically Adding Height & Width to Image Source in ASP.NET

Overview

Recently, I was working on a project in which there was a scenario in which I had to add height and width of an image to its source.

I have done it by two methods which are given below:

First Method

In this method, I have the used the jQuery. Following is my scenario:

I have the following html code taken from texteditor:

Now I have to change the source of image and add height and width to its source with handler. For that, the following jQuery code is useful and easy:

Now “ImageMessage” have the refined source html.

Second Method

In this method, I have installed the “HtmlAgilityPack” from Package Manager Console from the following code:

Install-Package HtmlAgilityPack -Version 1.4.8

We have following html code:

string input = @"Hi allThis is nimit,<img src='http://localhost:27014/uploads/Images/download.jpg' alt="" />come<img src='http://localhost:27014/uploads/Images/Keynote.jpg.' alt="" />Thanks";

Now I have to change the source of image and add height and width to its source with handler. For that, the following csharp code is useful and easy:

That’s it for this blog.

Summary

So far in this blog we have jQuery and HtmlAgilityPack to add height and width to its source of any image or multiple images. Thanks for reading.