看不到标志在导航栏

我看到有关如何添加标识问题导航栏和我想这看不到标志在导航栏

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

我已经下载的图片LOGO.png和路径I输入是我放置该图片的位置。但是，当我打开网页而不是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>

来源

2015-10-05 Gavin Niu

* C：/ Users/s003/Documents ... * - 尝试file：///协议 – m02ph3u5

对不起，你是什么意味着file：///协议？ –

https://en.wikipedia.org/wiki/File_URI_scheme – m02ph3u5

我假设你正在使用本地主机浏览网页。（Visual Studio的服务器或Apache等）

浏览器默认不加载由于本地文件以安全为理由。

你必须相对路径文件中使用像HTML文件：../path/to/images/ 或绝对路径\路径\为\图像

通过服务器浏览网页时，您不能使用Windows路径

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

镀铬：谷歌允许文件访问

例子：

让我们假设这是你的项目路径。 C：/ Users/s003/Documents/Visual Studio 2013/Projects/Model/

看着你的图像路径，LOGO图像在项目的根目录即Model中。

如果您的HTML文件也在同一目录中，你只需要使用

假设你的图像文件是在模型文件夹内的图片文件夹，然后你必须使用

，并假设你的HTML文件是在模型文件夹中的某个视图文件夹中，然后（../上去一个目录）

来源

2015-10-05 14:44:55 Antony

谢谢。但我不明白文件路径相对于html。正如你可以在我的文章中看到我的文件路径，你能给我一个例子吗？ –

编辑答案举例 – Antony

我看不到你的答案的代码部分 –

看不到标志在导航栏

回答

相关问题