How to Display an Image in Report Viewer using C#

By FoxLearn 7/16/2024 8:50:37 AM   17.91K
To display an image in an RDLC report within a C# Windows Forms application, follow these steps.

Open your Visual Studio, then click New Project, then select Visual C# on the left, then Windows and then select Windows Forms Application. Name your project "RDLCWithImage" and then click OK button

How to display image in rdlc report

Drag and drop Button, PictureBox controls from the Visual Studio toolbox onto your form, then design your form as below

Name your main form: Form1

rdlc with image in c#

To display an image in an RDLC (Report Definition Language Client-side) report in C#, you can follow these steps

Drag and Drop ReportViewer control onto your print form.

Name your print form: frmPrint

rdlc with image in c#

You can design your report as below

rdlc report with image in c#

Drag and drop an Image control from the toolbox to your report layout.

You need to configure the Image Control by right-clicking on the image control and select "Image Properties".

Next, In the Image Properties window, choose how you want to load the image:

If the image data is stored in your data source, select "Database" as the image source and specify the field that holds the image data.

If the image file path is stored in your data source, select "External" as the image source and specify the field that holds the file path.

If the image is embedded in your project, select "Embedded" and specify the image name.

Add code to handle Form1 form

public partial class Form1 : Form
{
    public Form1()
    {
        InitializeComponent();
    }

    string imageUrl = null;
    private void btnBrowse_Click(object sender, EventArgs e)
    {
        //Select an image, then display to the picturebox control
        using (OpenFileDialog ofd = new OpenFileDialog() { Filter = "JPEG|*.jpg" })
        {
            if (ofd.ShowDialog() == DialogResult.OK)
            {
                imageUrl = ofd.FileName;
                pictureBox.Image = Image.FromFile(ofd.FileName);
            }
        }
    }

    private void btnPrint_Click(object sender, EventArgs e)
    {
        if (!string.IsNullOrEmpty(imageUrl))
        {
            //Open print form
            using (frmPrint frm = new frmPrint(imageUrl))
            {
                frm.ShowDialog();
            }
        }
    }
}

Add code to handle frmPrint form

public partial class frmPrint : Form
{
    string _imageUrl;
    public frmPrint(string imageUrl)
    {
        InitializeComponent();
        _imageUrl = imageUrl;
    }

    private void frmPrint_Load(object sender, EventArgs e)
    {
        //Read image from file, then set to report parameter
        FileInfo fi = new FileInfo(_imageUrl);
        ReportParameter pName = new ReportParameter("pName", fi.Name);
        ReportParameter pImageUrl = new ReportParameter("pImageUrl", new Uri(_imageUrl).AbsoluteUri);
        this.reportViewer1.LocalReport.EnableExternalImages = true;
        this.reportViewer1.LocalReport.SetParameters(new ReportParameter[] { pName, pImageUrl });
        this.reportViewer1.RefreshReport();
    }
}

VIDEO TUTORIALS