从数据库中获取图像并将其绑定到ListView

Question

我很抱歉这个问题，因为我相信它可能是非常基本的，但我似乎有很大的麻烦。

我想要做的是获取我保存在数据库中的图片，并将其绑定到我所拥有的ListView。

在数据库中，我没有图片本身，我有图片的名称，所以我想尝试使用它的PathWay来获取它。

我正在使用ASP.NET Web网站，这里是ListView，您可以更好地理解我的意思

<asp:ListView runat="server" ID="lvBrands" OnItemDataBound="lvBrands_ItemDataBound">
                <LayoutTemplate>
                    <ul class="grid portfolio isotope no-transition portfolio-hex portfolio-shadows row demo-3 os-animation" data-os-animation="fadeInUp">
                        <li runat="server" id="itemPlaceholder"></li>
                    </ul>
                </LayoutTemplate>
                <ItemTemplate>
                    <li class="portfolio-item col-md-3 col-sm-3 style fashion grid cs-style-3">
                        <figure class="portfolio-figure">
                            <img src="images/products/test.jpg" alt="work-01" />
                            <figcaption>
                                <h4 class="title purpleColored" color="#58387B"><%# Eval("name") %></h4>
                                <span><%# Eval("keyword") %></span> <a class="text-right" href="javascript:;"><i class="fa fa-angle-right"></i></a>
                            </figcaption>
                        </figure>
                    </li>
                </ItemTemplate>
            </asp:ListView>

而不是<img src=... />，我希望图片路径被附加，以便它可以显示适当的图片为适当的品牌。

品牌是我用sql创建的表格，基本上，品牌和图片的关系是一对多的(一个品牌可以有很多图片)。

在我到目前为止搜索的内容中，我发现最好使用OnItemDataBound从db获取图片，任何进一步的帮助都将是非常感谢的。

下面是进一步帮助的c#代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class index : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            DisplayBrands();
        }
    }
    protected void DisplayBrands()
    {
        using (Entities db = new Entities())
        {
            List<Brand> brand = db.Brands.ToList();
            lvBrands.DataSource = brand.OrderByDescending(b => b.date_created);
            lvBrands.DataBind();
        }
    }

}

我知道我应该指定函数lvBrands_ItemDataBound，但老实说，我不知道该添加什么。

任何帮助都是惊人的，谢谢！

Answer 1

<img src="images/products/test.jpg" alt="work-01" />

如下图所示

<img src='<%# @"images/products/" + Eval("Image_name") %>' alt="work-01" />

"Image_name“应该是列的名称，您可以在其中存储图片名。