Microsoft KB Archive/321900

= How To Display an Image from a Database in a Windows Forms PictureBox by Using Visual Basic .NET =

Article ID: 321900

Article Last Modified on 7/15/2004

-

APPLIES TO


 * Microsoft .NET Framework 1.1 Service Pack 1
 * Microsoft ADO.NET 1.1
 * Microsoft Visual Basic .NET 2002 Standard Edition
 * Microsoft Visual Basic .NET 2003 Standard Edition

-



This article was previously published under Q321900



IN THIS TASK
SUMMARY
 * Requirements
 * Create the Visual Basic .NET Sample
 * Troubleshooting

REFERENCES



SUMMARY
This step-by-step article describes how to display an image that is stored in a database in a PictureBox control on a Windows Form.

In Microsoft Visual Basic 6.0, the only way to display an image from a database in a PictureBox control, without the intermediate step of saving the binary large object (BLOB) data to a file, is to bind the PictureBox to a data source such as an ActiveX Data Objects (ADO) data control or Recordset object. Without data binding, you cannot programmatically load a BLOB in a control without saving the image to a file for the LoadPicture statement to use.

The sample in this article uses a Byte array and the MemoryStream object from the System.IO base class to copy the image data from the database directly from an ADO.NET DataSet or DataReader object to the PictureBox control.

back to the top

Requirements
The following list outlines the recommended hardware, software, network infrastructure, and service packs that are required:
 * Microsoft Visual Studio .NET installed on a compatible Microsoft Windows operating system
 * Available instance of Microsoft SQL Server or an available Microsoft Access database for testing

This article assumes that you are familiar with the following topics:
 * Visual Basic .NET Windows Forms applications
 * ADO.NET data access
 * Binary large object (BLOB) storage in databases

back to the top

Create the Visual Basic .NET Sample
  Create a SQL Server table or an Access table with the following structure: CREATE TABLE BLOBTest ( BLOBID INT IDENTITY NOT NULL, BLOBData IMAGE NOT NULL )  Follow these steps to create a new Visual Basic Windows Forms application:  Start Visual Studio .NET. On the File menu, point to New, and then click Project. In the New Project dialog box, click Visual Basic Projects under Project Types, and then click Windows Application under Templates.  Drag a PictureBox control and two Button controls from the toolbox to the default form, Form1. Change the Name property of the PictureBox to picBlob. Set the Text property of Button1 to File to Database, and then set the Text property of Button2 to Database to PictureBox.</li>  Add the following Imports statements at the top of the Form1 code module: Imports System.Data Imports System.Data.SqlClient Imports System.IO Imports System.Drawing.Imaging </li>  Add the following declaration for the database connection string below Public Class Form1, and then modify the connection string as necessary for your environment: Dim strCn As String = &quot;Data Source= ;&quot; & _ &quot;Initial Catalog= ;Integrated Security=SSPI&quot; </li>  Add the following code in the Click event procedure of Button1, and then modify the file path to an available sample image file as necessary: Dim cn As New SqlConnection(strCn) Dim cmd As New SqlCommand(&quot;INSERT INTO BLOBTest (BLOBData) &quot; & _           &quot;VALUES (@BLOBData)&quot;, cn) Dim strBLOBFilePath As String = _ &quot;C:\Documents and Settings\All Users\Documents&quot; & _ &quot;\My Pictures\Sample Pictures\winter.jpg&quot; Dim fsBLOBFile As New FileStream(strBLOBFilePath, _           FileMode.Open, FileAccess.Read) Dim bytBLOBData(fsBLOBFile.Length - 1) As Byte fsBLOBFile.Read(bytBLOBData, 0, bytBLOBData.Length) fsBLOBFile.Close Dim prm As New SqlParameter(&quot;@BLOBData&quot;, SqlDbType.VarBinary, _           bytBLOBData.Length, ParameterDirection.Input, False, _            0, 0, Nothing, DataRowVersion.Current, bytBLOBData) cmd.Parameters.Add(prm) cn.Open cmd.ExecuteNonQuery cn.Close This code uses a FileStream object to read the image file from disk to a Byte array and then uses a parameterized Command object to insert the data in the database. </li>  Add the following code in the Click event procedure of Button2: Dim cn As New SqlConnection(strCn) Dim cmd As New SqlCommand(&quot;SELECT BLOBID, &quot; & _           &quot;BLOBData FROM BLOBTest ORDER BY BLOBID&quot;, cn) Dim da As New SqlDataAdapter(cmd) Dim ds As New DataSet da.Fill(ds, &quot;BLOBTest&quot;) Dim c As Integer = ds.Tables(&quot;BLOBTest&quot;).Rows.Count If c > 0 Then Dim bytBLOBData As Byte = _ ds.Tables(&quot;BLOBTest&quot;).Rows(c - 1)(&quot;BLOBData&quot;) Dim stmBLOBData As New MemoryStream(bytBLOBData) picBLOB.Image = Image.FromStream(stmBLOBData) End If This code retrieves the rows from the BLOBTest table in the database into a DataSet object, copies the image that is most recently added into a Byte array and then into a MemoryStream object, and then loads the MemoryStream into the Image property of the PictureBox control. </li> Run the project.</li> Click File to Database to load at least one sample image into the database.</li> Click Database to PictureBox to display the image that you saved in the PictureBox control.</li>  To retrieve the image in a DataReader object instead of a DataSet object, modify the code in the Click event procedure of Button2 as follows: Dim cn As New SqlConnection(strCn) Dim cmd As New SqlCommand(&quot;SELECT BLOBID, &quot; & _           &quot;BLOBData FROM BLOBTest ORDER BY BLOBID&quot;, cn) Dim dr As SqlDataReader cn.Open dr = cmd.ExecuteReader(CommandBehavior.CloseConnection) If dr.Read Then Dim bytBLOBData(dr.GetBytes(1, 0, Nothing, 0, Integer.MaxValue) - 1) As Byte dr.GetBytes(1, 0, bytBLOBData, 0, bytBLOBData.Length) Dim stmBLOBData As New MemoryStream(bytBLOBData) picBLOB.Image = Image.FromStream(stmBLOBData) End If       dr.Close </li>  To insert the image from the PictureBox control directly into the database, add a third Button control (Button3) to your form. Set the Text property of Button3 to PictureBox to Database, and then add the following code in the Click event procedure of Button3: Dim cn As New SqlConnection(strCn) Dim cmd As New SqlCommand(&quot;INSERT INTO BLOBTest (BLOBData) &quot; & _           &quot;VALUES (@BLOBData)&quot;, cn) Dim ms As MemoryStream = New MemoryStream picBLOB.Image.Save(ms, ImageFormat.Jpeg) Dim bytBLOBData(ms.Length - 1) As Byte ms.Position = 0 ms.Read(bytBLOBData, 0, ms.Length) Dim prm As New SqlParameter(&quot;@BLOBData&quot;, SqlDbType.VarBinary, _           bytBLOBData.Length, ParameterDirection.Input, False, _            0, 0, Nothing, DataRowVersion.Current, bytBLOBData) cmd.Parameters.Add(prm) cn.Open cmd.ExecuteNonQuery cn.Close This code retrieves the image data from the PictureBox control in a MemoryStream object, copies the MemoryStream into a Byte array, and then uses a parameterized Command object to save the Byte array to the database. </li> Run the project. Click Database to PictureBox to display an image that you previously saved in the PictureBox control.</li> Click PictureBox to Database to save the image from the PictureBox to the database, and then click Database to PictureBox again to confirm that the image is saved correctly.</li></ol>

back to the top

Troubleshooting

 * This test does not work with the Photo column in the Employees table of the sample Northwind database that is included with Access and SQL Server. The bitmap images that are stored in the Photo column are wrapped with the header information that the Visual Basic 6.0 OLE Container control creates.
 * To use an Access database to test this code, you must create the column in the Access table as type OLE Object and then use the System.Data.OleDb namespace with the Microsoft Jet 4.0 Provider instead of the System.Data.SqlClient namespace.
 * You consume a lot of memory overhead if you retrieve all of the images from a table into your DataSet. To consume less overhead, leave the images in your database, and retrieve them one at a time as you move through your DataSet. To do this, execute a parameterized query to retrieve the image that you want into a DataReader, and then load the image from the DataReader into the PictureBox.

back to the top

<div class="references_section">