如何解决图片看不到我在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
中删除额外的路径。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。