How to show image stored in database to a div?

See more:

ASP.NET

Javascript

SQL

jQuery

JSON

I have created an SP for getting image from database as follows:

ALTER PROCEDURE spGetItemImage @Id AS INT

AS

BEGIN

    SET NOCOUNT ON;



    SELECT ItemImage1,ItemID,CompanyID

    FROM ItemImage

    WHERE ItemImage.ItemID = @Id

END

ItemImage1 is received as byte[250]. I have a div for receiving image from database 'div id = imgUpload'. I have a Json for displaying image in div. Here image is received in the form of byte code. So it cannot display any image on the div. I have done so far is:

$("#imgUpload").src = "data:image/png;base64," + (data.d.ItemImage1);
But its not working, on alerting
alert("data:image/png;base64," + (data.d.ItemImage1));

data:image/png;base64,100,97,116,97,58,105,109,97,103,101,47,106,112,101,103,59,98,97,115,101,54,52,44,47,57,106,47,52,65,65,81,83,107,90,74,82,103,65,66,65,103,69,65,89,65,66,103,65,65,68,47,55,103,65,79,81,87,82,118,89,109,85,65,90,65,65,65,65,65,65,66,47,43,69,83,67,69,86,52,97,87,89,65,65,69,49,78,65,67,111,65,65,65,65,73,65,65,99,66,77,103,65,67,65,65,65,65,70,65,65,65,65,71,73,66,79,119,65,67,65,65,65,65,66,119,65,65,65,72,90,72,82,103,65,68,65,65,65,65,65,81,65,69,65,65,66,72,83,81,65,68,65,65,65,65,65,81,65,47,65,65,67,99,110,81,65,66,65,65,65,65,68,103,65,65,65,65,68,113,72,65,65,72,65,65,65,72,98,103,65,65,65,65,67,72,97,81,65,69,65,65,65,65,65,81,65,65,65,72,48,65,65,65,68,110,77,106,65,119,79,84,111,119,77,122,111,120,77,105,65,120,77,122,111,48,79,68,111,122,78,81,66,68,98,51,74,105,97,88,77

Please help me!!