html - 在导航栏中看不到 Logo

Question

我看到有关如何将 Logo 添加到导航栏的问题，我试过了

<a href="#" class="pull-left"><img src="C:/Users/s003/Documents/Visual Studio 2013/Projects/Model/LOGO.png"></a>

我已经下载了图片LOGO.png，我输入的路径就是我放图片的地方。但是，当我打开网页时，导航栏中显示的不是 Logo ，而是一个破损的图片图标。我的代码有什么问题吗？我尝试了不同的图片。感谢您的帮助

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
       <div class="navbar-header">
         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>

         </button>
             <a href="#" class="pull-left"><img src="file://localhost/c:/Users/LOGO.png"></a>
             <a class="navbar-brand" runat="server" href="~/">Science</a>
             </div>

Answer 1

我假设您正在使用本地主机查看您的网页。(Visual studio 服务器，或 apache 等)

出于安全原因，浏览器默认不加载本地文件。

您必须使用相对于 html 文件的文件路径，例如:../path/to/images/或绝对路径\path\to\images

通过服务器查看页面时不能使用windows路径

但如果仍然想加载本地文件，每个浏览器都有解决方法。

对于 chrome:google 允许文件访问

例子:

假设这是您的元素路径。C:/Users/s003/Documents/Visual Studio 2013/Projects/模型/

看你的图片路径，LOGO图片在元素的根目录下，即Model。

如果你的html文件也在同一个目录下，你只需要使用

假设你的图像文件在模型文件夹中的图像文件夹中，那么你必须使用

假设您的 html 文件位于模型文件夹中的某个 View 文件夹中，然后(../向上一个目录)