如何将存储在数据库中的图像显示到 div？答案

【问题标题】：How to show image stored in database to a div?如何将存储在数据库中的图像显示到 div？
【发布时间】：2014-10-28 20:03:03
【问题描述】：

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

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 id="imgUpload"> 接收图像的 div。我有一个用于在 div 中显示图像的 Json。这里图像是以字节码的形式接收的。所以它不能在 div 上显示任何图像。我目前所做的是：

document.getElementById("imgUpload").src = "data:image/png;base64," + (data.d.ItemImage1);

【问题讨论】：

标签： javascript jquery sql asp.net json

【解决方案1】：

你需要创建一个类似的函数

public function DisplaySavedDBImage()
{
//get Image from DB (as per your code base... this is just an example)
    $model=$this->loadModel($_POST['Pic']['id']);



    header('Pragma: public');
    header('Expires: 0');
    header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
    header('Content-Transfer-Encoding: binary');
    header('Content-length: '.$model->file_size);
    header('Content-Type: gif');
    header('Content-Disposition: attachment; filename='.$model->file_name);

        echo $model1->file_name;
}  and <?php echo CHtml::link('image',array('displaySavedDBImage','id'=>$model->primaryKey)); ?>

【讨论】：

【解决方案2】：

我认为你应该将你的字节数组转换成图像

public Image byteArrayToImage(byte[] byteArrayIn)
{
     MemoryStream ms = new MemoryStream(byteArrayIn);
     Image returnImage = Image.FromStream(ms);
     return returnImage;
}

然后使用
将该图像保存到特定位置图图像喜欢Server.MapPath("~\\UploadImages") 并在 Div 中显示

反之亦然您可以尝试：将图像转换为 byte[] 数组

public byte[] imageToByteArray(System.Drawing.Image imageIn)
{
 MemoryStream ms = new MemoryStream();
 imageIn.Save(ms,System.Drawing.Imaging.ImageFormat.Gif);
 return  ms.ToArray();
}

【讨论】：