Как показать изображение, хранящееся в базе данных, в div?

Question

Я создал СП для получения изображения из базы данных следующим образом:

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. Я сделал до сих пор есть:

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

Answer 1

Я думаю, что вы должны преобразовать ваш массив байтов в Image Как

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

затем Сохранить это изображение в конкретном месте изображения карты с помощью
Like Server.MapPath("~\\UploadImages") и Show in Div

и наоборот Вы можете попробовать: Преобразовать изображение в байт [] массив

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

Answer 2

Вам нужно создать функцию что-то вроде

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)); ?>