從數據庫中檢索圖像並將其設置為asp.net mvc5中的background-image屬性css

Question

我試圖弄清楚如何設置上傳到SQL Server的圖片，並在div中將其設置為background-image樣式。 我知道CSS中的url函數僅接受圖像的路徑。 有沒有可以配置該屬性以直接從數據庫接受圖像文件的解決方法？

<div class="item-2">
    <a href="@Url.Action("Details", new { id = item.id })" class="card">
    @{ 
        var base64 = Convert.ToBase64String(item.img);
        var imgsrc = string.Format("data:image/jpg;base64,{0}", base64);

        <div class="thumb" style="background-image: url('@imgsrc');"></div>
        <article>
            <h1>@Html.DisplayFor(modelItem => item.name)</h1>
            <p>@Html.DisplayFor(modelItem => item.info)</p>
            <span>Major</span>
        </article>
    }
    </a>
</div>

Answer 1

您可以創建一個返回圖像緩沖區的操作，例如：

return File(imageBuffer, "image/jpeg");

並將動作地址放入img標簽的src屬性中