How to Access the JavaScript Image variable content to C# Image

Question

0.00/5 (No votes)

See more:

Hi folks,

<script type="text/javascript">
            function printIt() {
                var win = window.open('', 'popup', 'location=1,status=1,scrollbars=1,width=800,height=600');
                if (win) {
                    var imageControl = document.getElementById('<%=chkImage2.ClientID%>').src;
                    win.document.write('<img src="' + imageControl + '">');
                    win.document.close();
                    win.focus();
                    win.print();
                }
                return false;
            }
        </script>



 <telerik:RadWindow ID="rdwndwPreviewCheck" VisibleOnPageLoad="false" Title="Check Preview"
        Height="630" Width="790"  runat="server" Behaviors="Close" AutoSize="false" Skin="Office2010Blue"
        OpenerElementID="cmdGraficoIstogramma" Modal="true" Overlay="false" Style="width: 790px;
        height: 630px; visibility: visible; left: 236px; top: 361px; z-index: 3001; position: absolute;">
        <Shortcuts>
            <telerik:WindowShortcut CommandName="CloseAll" Shortcut="Esc" />
        </Shortcuts>
        <ContentTemplate>
            <table>
            </table>
            <asp:Image ID="chkImage2" runat="server" ImageUrl="~/CheckPreview.aspx" />
            <br />
            <br />
            <table style="width: 100%;">
                <tr align="center">
                    <td style="width: 580px;">
                        <telerik:RadButton ID="rdPrint"  runat="server" Text="  Print"   Style="position: relative;
                            left: 90px;"   önClick="print"    >
                            <Icon SecondaryIconCssClass="rbPrint" SecondaryIconRight="4" SecondaryIconTop="4" />
                        </telerik:RadButton>
                    </td>
                    <td>
                        <telerik:RadButton ID="CloseRadPrintWindow"  runat="server" Text="Close"  önClientClicked="closeMyRadWindow"
                            Style="position: relative; left: -185px;">
                        </telerik:RadButton>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </telerik:RadWindow>

How to access the above "imageControl" to ..C# code behind technique ..Any one can replay me how to access image and convert that image into Byte[] format ..

Posted 26-Jun-13 0:35am

sairam pamidi

Add a Solution

Comments

Mahesh Bailwal 26-Jun-13 7:35am

In CheckPreview.aspx you must be fetching bytes for the image and using Response.BinaryWrite to send it to browser. Please confirm if I am right.

sairam pamidi 26-Jun-13 7:38am

I am used CheckPerview.apsx response in the following format

b.Save(p.Response.OutputStream, ImageFormat.Jpeg);
Here "b" is bitmap Image and "p" is page object.

2 solutions

Solution 2

In the above type of Question like image getting from the Other Page Response,In that of situation , We assign image to some session variable then access that image data into Our Page ,See the Below code.

C#

/*checkperview.aspx" not current page  */
  b.Save(p.Response.OutputStream, ImageFormat.Jpeg);
  Image Img = b;
  MemoryStream ms = new MemoryStream(imageToByteArray(Img));
  byte[] bytes = ms.ToArray();
  Image previewImage = byteArrayToImage(bytes);
  Session["previewImage"] = previewImage;


/* Here "b" is bitmap image */
/* P is Page */
/*Image is System.Drawing.Image */

Here I am converting Bitmap Image to Jpeg format image ,But I your may not need That conversion ,I need that Why I am Done conversation.

C#

/*Manualcheck.aspx Current Page   */

  Image Img = (Image)Session["previewImage"];

/*Here I am got Image of Other Page,Now I can Do what ever Operation I need it. */

In the Above Question ,I used preview button in that calling the different page .

Posted 27-Jun-13 4:27am

sairam pamidi

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)

Mahesh Bailwal · Accepted Answer · 2013-06-26T02:11:00

Solution 1

As you already have access to bitmap file in server side you can use following code to convert bitmap file to byte array. Hope this help

 MemoryStream ms = new MemoryStream();
 b.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
byte[] bytes =  ms.ToArray();

Posted 26-Jun-13 2:11am

Mahesh Bailwal