Question

我正在从Visual Studio 2017创建一个ASP.NET Web表单应用程序。我创建了：

    <div class="row">
        <div class="col-md-4">
            <img src="~\\image\\ap.jpeg" />
        </div>
        <div class="col-md-4">
            <img src="~\image\ap.jpeg" />
        </div>
        <div class="col-md-4">
            <img src="image/ap.jpeg" />
        </div>
    </div>

我从Visual Studio运行webapp，但它只提供损坏的图像链接。我复制了图片位置并将其粘贴到我的浏览器：http://localhost:1905/~//image//ap.jpeg或http://localhost:1905/~/image/ap.jpeg或http://localhost:1905/image/ap.jpeg，但所有人都抱怨HTTP Error 404.0 - Not Found The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

图像应该在那里，我已经在webapp的根目录下创建了图像文件夹。

为什么会这样以及如何解决这个问题？

Answer 1

与〜的链接用于服务器控件，单斜杠应该是转发

<img src="~/image/ap.jpeg" />

但他们只能使用runat服务器

// html tag with runat server.
<img runat="server" src="~/image/ap.jpeg" />

// server control.
<asp:Image runat="server"></asp:Image>

要确保html标记有效（应该有效），请在开头添加斜杠以表示根

<img src="/image/ap.jpeg" />

Answer 2

问题只是由错误的扩展引起的。它应该是.jpg而不是.jpeg，这完全是我的愚蠢错误。

<img src="image/ap.jpg" />有效。

感谢其他回复。

IIS Express不在ASP.NET Web Forms应用程序上提供图像，图像位置提供404

2 个答案: