如何将存储在数据库中的图像显示为div？ [英] How to show image stored in database to a div?

问题描述

我创建了一个用于从数据库获取图像的SP，如下所示：

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作为字节[250]收到。我有一个div用于从数据库'div id = imgUpload'接收图像。我有一个Json用于在div中显示图像。这里以字节代码的形式接收图像。所以它无法在div上显示任何图像。到目前为止我做的是：



$（＃imgUpload）。src =data：image / png; base64，+（data.d.ItemImage1 ）;

但它不起作用，提醒

alert（data：image / png; base64，+（data.d.ItemImage1））;



资料：image / png; base64,100,97,116,97,58,105,109,97,103,101,47,106,112,101,103,99,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



请帮帮我！

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!!

推荐答案

（＃imgUpload）。src =data：image / png; base64，+（data.d.ItemImage1）;

但它不起作用，提醒

alert（data：image / png; base64，+（data.d.ItemImage1））;



data：image / png; base64,100,97,116,97,58,105,99,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， 8 1,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



请帮助我!!

("#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!!

检查这些链接。



http://stackoverflow.com/questions/19360778/asp-net-display-imagemore-than-2-from-database-using-handler [ ^ ]



http://www.codecomplete4u.com/retrieve-images-database-show-gridview-using-handler-asp-net/ [ ^ ]

check these links.

http://stackoverflow.com/questions/19360778/asp-net-display-imagemore-than-2-from-database-using-handler[^]

http://www.codecomplete4u.com/retrieve-images-database-show-gridview-using-handler-asp-net/[^]

这篇关于如何将存储在数据库中的图像显示为div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！