【问题标题】:How does a razor page show a picture?剃须刀页面如何显示图片?
【发布时间】:2021-03-01 13:50:41
【问题描述】:

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

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

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

【问题讨论】:

    标签: asp.net-core razor-pages asp.net-core-2.1


    【解决方案1】:

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

    试试这段代码:

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

    更多详情可以看这个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),就得到了提示。
    猜你喜欢
    • 2023-03-17
    • 1970-01-01
    • 1970-01-01
    • 2012-08-21
    • 2019-04-05
    • 1970-01-01
    • 2021-01-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多