Insert and Retrieve images to the Crystal Report using ASP.NET from database

In this article we will discuss that how to store values and image to SQL Database and how to retrieve the values and image from the database and show it into the crystal report using ASP.NET. This is not a complex job to insert binary value to the database and retrieve it. This was like a magic for me when I completed this task.

Step 1:
Create One Web Form

Step 2:
Design the form like this
Design View of Web Form

Download design code of web form for your reference from below link
Code to design the web form

Step 3:
Add crystal report to the project and design like this
Design View of Crystal Report

Step 4:
Design your database like this
Data Table Definition

Step 5:
Add reference of CrystalDecisions.CrystalReports.Engine.dll to the project and add the below namespace in class file

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.IO;
using CrystalDecisions.CrystalReports.Engine;

// Create an object of Sql Connection
SqlConnection con = new SqlConnection("your sql database connection string");

Step 6:
Write the below code on click event of Upload data button

protected void ButtonUpload_Click(object sender, EventArgs e)
string filePath = FileUpload1.PostedFile.FileName;
string filename = Path.GetFileName(filePath);
Stream fs = FileUpload1.PostedFile.InputStream;
BinaryReader br = new BinaryReader(fs);
Byte[] bytes = br.ReadBytes((Int32)fs.Length);

SqlCommand mycmd = con.CreateCommand();
SqlTransaction dBupdate;
dBupdate = con.BeginTransaction(IsolationLevel.Serializable);

mycmd.Connection = con;
mycmd.Transaction = dBupdate;

//insert the file into database
mycmd.CommandText = "INSERT INTO MemberDetails(Member_Name, Member_Designation, Member_Photo, Photo_Path) VALUES (@Name, @Designation, @Photo, @PhotoPath)";

int imglength = FileUpload1.PostedFile.ContentLength;
byte[] imgbytes = new byte[imglength];
string imgname = Path.GetFileName(FileUpload1.PostedFile.FileName);
string imgpath = "~/Member Photos/" + imgname;

mycmd.Parameters.Add("@Name", SqlDbType.VarChar).Value = txtName.Text;
mycmd.Parameters.Add("@Designation", SqlDbType.VarChar).Value = txtDesignation.Text;
mycmd.Parameters.Add("@Photo", SqlDbType.Binary).Value = bytes;
mycmd.Parameters.Add("@PhotoPath", SqlDbType.VarChar).Value = imgpath;

//saving image to server location
FileUpload1.SaveAs(Server.MapPath("~/Member Photos/" + imgname));
txtName.Text = "";
txtDesignation.Text = "";
catch (Exception ex)
Response.Write("<script>alert('" + Server.HtmlEncode(ex.Message) + "')</script>");

Step 7:
Write the below code on click event of View Report button

protected void ViewReport_Click(object sender, EventArgs e)
DataTable dt = new DataTable();
SqlDataAdapter da = new SqlDataAdapter("SELECT * FROM MemberDetails", con);
if (dt.Rows.Count > 0)
ReportDocument RptDoc = new ReportDocument();

RptDoc.Load(Server.MapPath("~/ImageCrystalReport.rpt")); //your crystal Report name

CrystalReportViewer1.ReportSource = RptDoc;
catch (Exception ex)
Response.Write("<script>alert('" + Server.HtmlEncode(ex.Message) + "')</script>");

You are done. Now run your application and you will get the output like this
Show Images in Crystal Report

Click here to get source code


  • Source code for images in crystal report (46189-6-Source-code-of-image-in-crystal-report.rar)
  • Comments

    No responses found. Be the first to comment...

  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name: