How to display dynamically generated images in asp.net gridview?

Question

I have a class (POCO) that has an Image property. I use a List<> of this class as the datasource for a gridview control. Most of the properties are grabbed from the database. However, I am dynamically generating a barcode (System.Drawing.Image) in my code behind and populating the Image property in the POCO with the result prior to databinding. It is NOT possible for me to store the images on the database or the filesystem. How do I go about displaying the barcodes in the Gridview control? When I try, nothing shows and the images generate 404 errors. The code for the gridview is:

<asp:GridView runat="server" ID="gvInventoryDetail" CssClass="centerpage" 
    style="width: 700px;" ItemType="DisplayModels.InventoryDetailItem" 
    DataKeyNames="InventoryId" AutoGenerateColumns="False"
    AllowPaging="True" PageSize="11" ShowHeaderWhenEmpty="True">
    <Columns>
       <asp:BoundField HeaderText="Barcode" DataField="Barcode"/>
       <asp:TemplateField HeaderText="Image">
           <ItemTemplate >
               <asp:Image ID="BarcodeImage" runat="server"
                   Height="150px" Width="80px" />
           </ItemTemplate>
       </asp:TemplateField>
       <asp:BoundField HeaderText="Comments" DataField="Comments"/>
       <asp:BoundField HeaderText="Status" DataField="Status"/>
       <asp:BoundField HeaderText="Broken?" DataField="IsBroken"/>
  </Columns>
  <SelectedRowStyle BackColor="#89d8f6" Font-Bold="True"/>
</asp:GridView>

Any help is MUCH appreciated!

Elim Garak · Accepted Answer · 2016-08-23 17:56:37Z

2

I had a similar issue when generating pie charts using another 3rd party project.

What I did was the following:

Keep the Image Tag in your Grid.
Set that Image Tag to call an ASPX Page in your site, passing what ever params you need on the URL to generate the barcode image.
In that new ASPX do the following
- response.clear()
- response.binarywrite() of the image.

If you browse that URL you will see the image in the browser, which means, that URL would also show the image in your Image Tag in your grid.

answered Aug 23, 2016 at 17:56

Elim Garak

1,8271 gold badge17 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bob H Over a year ago

Thanks! I was trying to do the same with an HTTP handler, but wasn't getting anywhere. This works fine for me.

Collectives™ on Stack Overflow

How to display dynamically generated images in asp.net gridview?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related