图片看不到我在Bootstrap 4.1中工作

问题描述

我看不到来自wwrroot的图像图像具有不同的大小，我在asp.net cor和bootstrap 4.1中工作，您认为所以bootstrap发生了这个问题

这些是我的代码（

@model Product
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div class="card" style="width: 18rem">
        <img class="card-img-top" src="~/img/@Model.ImageURl" />
        <div class="card-body">
            <h5 class="card-title">@Model.Name</h5>
            <small>
                <i class="fas fa-lira-sign"></i>@Model.Price
            </small>
          
        </div>
        <div class="card-footer text-centet">
            <a asp-controller="shop" asp-action="Details" asp-route-id="@Model.ProductID" class="btn btn-primary btn-sm">Details</a>
            <a asp-controller="shop" asp-action="addtocart" asp-route-id="@Model.ProductID" class="btn btn-primary btn-sm">Add to cart</a>

        </div>
    </div>
</body>
</html>

解决方法

看不到从wwrroot图像获得的图像

如果您将图像文件存储在项目的 wwwroot/img 文件夹下，如下所示。

要在视图页面中显示图像，请检查是否为产品对象的ImageURl分配了正确的值（如下所示）。

new Product
{
    ProductID = 2,Name = "xxx",Price = 9.9m,ImageURl = "pic1.PNG" //image file name
}

测试结果

此外，要解决此问题，您可以尝试在浏览器F12开发人员工具的“网络”标签中检查对图像资源的实际请求，并将其与您的实际文件夹结构和{{1}的值进行比较}您已存储/分配。

您可以选中this doc，该内容与在ASP.NET Core中提供静态文件有关。

考虑创建wwwroot / images文件夹并添加wwwroot / images / MyImage.jpg文件。用于访问图像文件夹中文件的URI格式为ImageURl。

我认为您应该在浏览器中检查 img src 的值。还有 @Model.ImageURl 的值是多少？请记住，您应该只获取文件名（和扩展名）并从 @Model.ImageURl 中删除额外的路径。

asp.net-core asp.net-mvc bootstrap-4 c#-4.0 twitter-bootstrap

图片看不到我在Bootstrap 4.1中工作

问题描述

解决方法

相关问答