Получить изображение из базы данных и установить его для свойства background-image css в asp.net mvc5

Question

Я пытаюсь выяснить, как установить изображение, загруженное на SQL Server, и установить его в стиле background-image в div. Я знаю, что функция URL в CSS принимает только путь к изображению. Есть ли обходной путь, который можно настроить для свойства принимать файл изображения напрямую из базы данных?

<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");

и поместите адрес действия в атрибут src тега img