Image to fit in asp page

Smile

8y3.2k.NET

I am displaying image from a folder using an asp image control in a timer.The image doest not correctly fit into the screen like it gets vertical and hortizontal scroll bars.

aspx code

code behind

string localstr = Server.MapPath("~//bin//Images//"+ Filename );

Byte[] bytes = File.ReadAllBytes(localstr);

string base64String = Convert.ToBase64String(bytes, 0, bytes.Length);

Image1.ImageUrl = "data:image/" + ext + ";base64," + base64String;

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manav Pandya8y ago
Accepted answer
Hello

As per you told me to use .bmp image , i have used the same

An my code working succesfully :
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ImageDemo.aspx.cs" Inherits="ImageDemo.ImageDemo" %>



"http://www.w3.org/1999/xhtml">
"server">




    "form1" runat="server">


            "ScriptManager1" runat="server">


            "Timer1" runat="server" OnTick="Timer1_Tick">


            "BannerPanel" runat="server" UpdateMode="Conditional">

                    "btnDisplay" runat="server" Text="Display " OnClick="btnDisplay_Click" />
                    "Image1" ID="Image1" runat="server" Style="width: 100%;" />

Thanks

Kip Hackman6y ago

You can use LEADTOOLS Image Viewer SDK technology in your application.

https://www.leadtools.com/sdk/display

Here is some sample code:

using (RasterCodecs codecs = new RasterCodecs)
{
// Initialize the ImageViewer
imageViewer = new ImageViewer
{
BackColor = Color.White,
UseDpi = true,
ViewHorizontalAlignment = ControlAlignment.Center,
ViewVerticalAlignment = ControlAlignment.Center,
Dock = DockStyle.Fill
};
Controls.Add(imageViewer);
var panZoom = new ImageViewerPanZoomInteractiveMode();
imageViewer.InteractiveModes.Add(panZoom);
// Setting to always fit image to image viewer
imageViewer.Zoom(ControlSizeMode.FitAlways, 1.0, imageViewer.DefaultZoomOrigin);
imageViewer.Image = codecs.Load(fileName, 0, CodecsLoadByteOrder.BgrOrGray, 1, -1);
}

Smile8y ago

Thanks for reply manav but the snippet is same code which i am trying. but i am getting scroll bars or part of image is lost.Try for .bmp files for which height and width are more than of the screen size/asp page.Plz try

Manav Pandya8y ago

Hello

I have implemented this demo in my system .

I got perfect output as you required

Note : Image also take place in whole page i.e 100% width

Find Following Snippet :

protected void btnDisplay_Click(object sender, EventArgs e)
{
// I have stored image local path to String variable
string MyImage = "Images/" + "textToImage20180117144937.png";
// Getting complete Path of an local system
string localstr = Server.MapPath(MyImage);
// Coversion of Bytes
Byte[] bytes = File.ReadAllBytes(localstr);
// Creation of base64string format
string base64String = Convert.ToBase64String(bytes, 0, bytes.Length);
// Fianl Image URL
Image1.ImageUrl = "data:image;base64," + base64String;
}

Thanks

All the best :)