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标签的中

从数据库中检索图像并将其设置为asp.net mvc5中的background-image属性css

1 个答案: