How to upload and to display images in an ASP.NET FormView control

Article translations Article translations
Article ID: 981777 - View products that this article applies to.
Rapid publishing disclaimer
Microsoft corporation and/or its respective suppliers make no representations about the suitability, reliability, or accuracy of the information and related graphics contained herein. All such information and related graphics are provided "as is" without warranty of any kind. Microsoft and/or its respective suppliers hereby disclaim all warranties and conditions with regard to this information and related graphics, including all implied warranties and conditions of merchantability, fitness for a particular purpose, workmanlike effort, title and non-infringement. You specifically agree that in no event shall Microsoft and/or its suppliers be liable for any direct, indirect, punitive, incidental, special, consequential damages or any damages whatsoever including, without limitation, damages for loss of use, data or profits, arising out of or in any way connected with the use of or inability to use the information and related graphics contained herein, whether based on contract, tort, negligence, strict liability or otherwise, even if Microsoft or any of its suppliers has been advised of the possibility of damages.
Expand all | Collapse all

On This Page

INTRODUCTION

This article describes an All-In-One Code Framework sample that is available for downloading. This code sample demonstrates how to display and to upload images in an ASP.NET FormView control. This code sample also demonstrates how to implement Insert, Edit, Update, Delete and Paging functions in the FormView control.

Note Do not use the code sample that is described in this article in a production environment. The code sample is provided only as an illustration. This code sample is released under the terms of the Microsoft Public License (MS-PL).

Difficulty level

Collapse this imageExpand this image
codefx Beginner

Download information

To download this code sample, click the following link:

  

Technical overview

This sample includes the following two pages:
  • Default
  • Image
The Default page populates a FormView control by using data from a SQL Server database. The Default page provides a user interface (UI) for data manipulation.

In both the InsertItemTemplate template and the EditItemTemplate template, there is a FileUpload control for getting the specified image file when you perform an insert operation or an update operation. The following code uses a FileUpload control:
FileUpload uploadPicture = (FileUpload)fvPerson.FindControl("uploadPicture");

if (uploadPicture.HasFile)
{
    cmd.Parameters.Add("@Picture", SqlDbType.VarBinary).Value = uploadPicture.FileBytes;
}
else
{
    cmd.Parameters.Add("@Picture", SqlDbType.VarBinary).Value = DBNull.Value;
}
In the InsertItemTemplate, EditItemTemplate, and ItemTemplate templates, the Image control links to the Image page to display images. The following code uses the Image control:
<asp:Image ID="imgPicture" runat="server" 
ImageUrl ='<%# Eval("PersonID","Image.aspx?PersonID={0}") %>' Width="128px" 
Height="128px" />
The Image page is used to retrieve an image from a SQL Server database and to display the image in a Web page.

The Image page retrieves the image data from the database based on the value in a query string. Then, the Image page writes the byte array to the HTTP output stream to display the image.

Note For more information about how to create the sample application, see the Readme.txt file that is included in the download package.

Technology category

  • ASP.NET

Languages

This code sample contains the following programming languages.
Collapse this tableExpand this table
LanguageProject Name
Visual C#CSASPNETFormViewUpload
Visual Basic .NETVBASPNETFormViewUpload

Prerequisites

MORE INFORMATION

What is All-In-One Code Framework?

All-In-One Code Framework uses code samples in different programming languages to illustrate most Microsoft development techniques. Each code sample is carefully selected, composed, and documented to show common code scenarios. For more information about All-In-One Code Framework, visit the following All-In-One Code Framework Web site:
About All-In-One Code Framework

How to find more All-In-One Code Framework samples

To find more All-In-One Code Framework samples, search for "kbcodefx" together with related keywords on the Microsoft support Web site. Or, visit the following Microsoft Web site:
All-In-One Code Framework samples

REFERENCES

For more information, visit the following Web sites:

Properties

Article ID: 981777 - Last Review: March 31, 2010 - Revision: 1.1
APPLIES TO
  • Microsoft Visual Studio 2008 Service Pack 1
  • Microsoft Visual Studio 2008 Academic Edition
  • Microsoft Visual Studio 2008 Professional Edition
  • Microsoft Visual Studio 2008 Standard Edition
  • Microsoft Visual Studio Team System 2008 Database Edition
  • Microsoft Visual Studio Team System 2008 Architecture Edition
  • Microsoft Visual Studio Team System 2008 Development Edition
  • Microsoft Visual Studio Team System 2008 Test Edition
  • Microsoft Visual Studio Team System 2008 Team Suite
Keywords: 
kbexpertiseadvanced kbsurveynew kbinfo kbnomt kbrapidpub kbcodefx atdownload KB981777

Give Feedback

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com