剃须刀页面如何显示图片？

Posted 2023-03-27

【中文标题】剃须刀页面如何显示图片？

【英文标题】：How does a razor page show a picture?

【发布时间】：2021-03-01 13:50:41

【问题描述】：

剃须刀页面上有一个代码，像这样，

<img src="Images/Tree.jpg"  asp-append-version="true"   />

运行后页面无法显示图片，是不是有什么问题？

【参考方案1】：

您的Images 文件夹应放在wwwroot 下。

试试这段代码：

<img src="~/Images/Tree.jpg" asp-append-version="true"  />

更多详情可以看这个link。

如果您的 Images 静态文件位于 wwwroot 文件夹之外，要提供这些文件并使其按预期工作，您可以尝试：

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)

//...

app.UseStaticFiles();

app.UseFileServer(new FileServerOptions

    FileProvider = new PhysicalFileProvider(
    Path.Combine(env.ContentRootPath, "Images")),
    RequestPath = "/Images"
);

//...

然后就可以输入网址访问了。

【讨论】：

一个正确的答案，但只是为了添加一点上下文，这与剃刀无关。这是关于网络应用程序和此网络应用程序的文件夹结构的。这是纯html

您可以添加有关它的更多详细信息。

@learner1，你的问题解决了吗？还有其他问题吗？

我想把文件夹移到Pages文件夹下或者直接在项目下。如何修改代码？谢谢

找不到localhost:44301/Images/Tree.jpg 把文件夹放到Page文件夹下（默认root），就得到了提示。