problem in .tif image while clicking on the radio button

Question

0.00/5 (No votes)

See more:

Dear All,

I have set the page numbers to an embed image. If I select page "2"(2nd image) and click radio button, the page "1"(1st image) is being displayed automatically.. But I want the same selected image to remain on the page whenever I click on the radio button associted with it..

Please anyone suggest me..

Posted 25-Feb-11 18:37pm

Raj.rcr

Updated 25-Feb-11 21:55pm

v2

Add a Solution

Comments

Ankur^\m/ 26-Feb-11 0:45am

The question is very confusing.
Are you posting back the page on click of a radio button? And when you select Page 2 why does it goes to page one?
Do you have radio button against each image?

Sandeep Mewara 26-Feb-11 1:01am

OP has replied with code.

Ankur^\m/ 26-Feb-11 1:05am

Oh Thanks!

Raj.rcr 26-Feb-11 1:15am

Yes, its postback and it goes to page 1. Each image means, its a .tif image that includes 2 pages(images)

Ankur^\m/ 26-Feb-11 1:32am

How do you select the image (have checkbox or something)?

Raj.rcr 26-Feb-11 1:42am

No. Its a .tif as I alrdy mentioned.. When, the page loads, the .tif image will be displayed with the page numbers, so that the user can select different images..

Ankur^\m/ 26-Feb-11 1:56am

.tif is an image type. So saying it's an image is pretty obvious.
What I mean is how you know a user has selected an image. Do you create a border around it or enlarge the particular image or something like that?

Raj.rcr 26-Feb-11 2:10am

can I have ur id, so that I can send u .tif file.. You will surely understand.

Ankur^\m/ 26-Feb-11 2:13am

I am sorry, but you can upload it on sites like http://imageshack.us/ and send a link to me. They allow free uploading of images.

Raj.rcr 26-Feb-11 2:52am

Its ok.. I will handle this..! Anyways, thanx...

Raj.rcr 26-Feb-11 0:48am

Yes. the following is the code:

<asp:RadioButtonList ID="rbtnDataMatch" runat="server" RepeatDirection="Horizontal"
Style="font-size: 10pt;" AutoPostBack="true" OnSelectedIndexChanged="rbtnDataMatch_SelectedIndexChanged">
<asp:ListItem Text="Yes" Value="Y"></asp:ListItem>
<asp:ListItem Text="No" Value="N"></asp:ListItem>
</asp:RadioButtonList>

protected void rbtnDataMatch_SelectedIndexChanged(object sender, EventArgs e)
{
if (rbtnDataMatch.SelectedItem.Value == "N")
{
trDbMatchBtn.Visible = true;
trDbMatch.Visible = false;
txtMobileNo.Text = "";
txtConfirmMob.Text = "";
txtMobileNo.ReadOnly = false;
txtBarcode.Text = "";
txtConBarcode.Text = "";
txtBarcode.ReadOnly = false;
}
else if (rbtnDataMatch.SelectedItem.Value == "Y")
{
SaveMobCode();
}
string PDFfileName = string.Empty;
PDFfileName = txtImgPathHid.Text.ToString();
int MyRandomNumber = RandomNo.Next();
ScriptManager.RegisterStartupScript(this, typeof(string), MyRandomNumber.ToString(), "javascript:setsrc('" + PDFfileName + "');", true);

}

Ankur^\m/ 26-Feb-11 1:09am

I find no relevance between the code and the question you provided. Reply to the questions I have asked in the comment above. And use the 'Reply' link (mouse over the comment and you will see it).

Raj.rcr 26-Feb-11 1:03am

I didnt understand how to explain. so I replied with code.. Its actually .tif image including 2 pages.. Please gimme an idea to solve this

Raj.rcr 26-Feb-11 1:34am

Please anybody help me.. Its an urgent task

Raj.rcr 26-Feb-11 3:19am

The .tif file consists of a border that includes page no.'s. I think its really hard to find the solution for it. Very less programmers can solve it. But still I hope, some one vl give me an exact way to handle this issue.

rajivpande86 26-Feb-11 6:25am

All fuss is around your tif image. Manage somehow to make it available,else it will be quite hard for any-1 here to help you..

Raj.rcr 28-Feb-11 0:39am

Nothing is fuss around the tif image. Its being displayed. But u didn't understand the actual issue. Please don't comment if u do not know the solution.. Thanx

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Albin Abel · Answer 1 · 2011-02-26T00:52:00

Hi

I assume you are talking about a multipage tiff. I ll give you an example of display the multi page image in the page with radio button of pages.

In this example i am having a multipage tiff test.tiff at the solution root folder. you may need to use the correct path instead

In the default aspx page have this...

XML

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:Image runat="server" ID="img1" />
    <asp:RadioButtonList ID="rbtnDataMatch" runat="server" RepeatDirection="Horizontal" Style="font-size: 10pt;" AutoPostBack="true" OnSelectedIndexChanged="rbtnDataMatch_SelectedIndexChanged">
     </asp:RadioButtonList>
</asp:Content>

in the code behind of default aspx have this.....

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        MultiPageTifHandler tifHandler = new MultiPageTifHandler();
        int page_count = tifHandler.GetPageCount(Server.MapPath("Test.tiff"));
        for (int i = 1; i <= page_count; i++)
        {
            ListItem item = new ListItem(i.ToString(), i.ToString());
            rbtnDataMatch.Items.Add(item);

        }

        img1.ImageUrl = "~/ImageViewer.aspx?img_file=Test.tiff&page=1";
        rbtnDataMatch.Items[0].Selected = true;
    }
}
protected void rbtnDataMatch_SelectedIndexChanged(object sender, EventArgs e)
{
    int index = rbtnDataMatch.SelectedIndex;
    img1.ImageUrl = "~/ImageViewer.aspx?img_file=Test.tiff&page="+(rbtnDataMatch.SelectedIndex+1);

}

Add a new aspx webform to your project and name it ImageViewer. In the imageviewer code behind (ImageViewer.aspx.cs)... have this code...

C#

protected void Page_Load(object sender, EventArgs e)
{
    string imgFilePath =Server.MapPath( Request.QueryString["img_file"]);
    int selectedPage = Convert.ToInt32(Request.QueryString["page"]);
    MultiPageTifHandler tifHandler = new MultiPageTifHandler();
    System.Drawing.Image img=tifHandler.GetTiffImage(imgFilePath, selectedPage);
    Response.ContentType = "image/jpeg";
    img.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);
    img.Dispose();

}

Now add a new class file to your project named MultiPageTifHandler and have this code inside.

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;

/// <summary>
/// Summary description for MultiPageTifHandler
/// </summary>
public class MultiPageTifHandler
{
    private int page_count;

    public int GetPageCount(string imgFileName)
    {
        int page_count = -1;
        Image multiTiff = null;
        try
        {
            multiTiff = Image.FromFile(imgFileName);
            page_count = multiTiff.GetFrameCount(FrameDimension.Page);
            return page_count;
        }
        catch (Exception ex)
        {
            throw ex;
        }
        finally
        {
            multiTiff.Dispose();
        }
    }
    public Image GetTiffImage(string imgFileName, int selectedPage)
    {
        int page_count = GetPageCount(imgFileName);
        if ((selectedPage < 1) | (selectedPage > page_count))
        {
            throw new InvalidOperationException("Out of Page Range.");
        }
        MemoryStream ms = null;
        Image inputImg = null;
        Image pageImage = null;
        try
        {
            inputImg = Image.FromFile(imgFileName);
            ms = new MemoryStream();
            FrameDimension dimension = new FrameDimension(inputImg.FrameDimensionsList[0]);
            inputImg.SelectActiveFrame(dimension, selectedPage - 1);
            inputImg.Save(ms, ImageFormat.Tiff);
            pageImage = Image.FromStream(ms);
        }
        catch (Exception ex)
        {
            throw ex;
        }
        finally
        {
            inputImg.Dispose();
            
        }

        return pageImage;
    }


}

Run the website , you will find the first page of the image displaying and there will be radio buttons upto the number of pages in the image. Now select the radio buttons you can see the corresponding page in the image displays. Good luck