Question

我看到了有关如何向导航栏添加徽标的问题，我尝试了这个

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

我假设您正在使用localhost查看您的网页。（Visual Studio服务器或apache等）

由于安全原因，默认情况下浏览器不会加载本地文件。

你必须使用相对于html文件的文件路径，如：../ path / to / images / 或绝对路径\路径\到\ images

通过服务器

查看页面时，无法使用Windows路径

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

对于chrome：google允许文件访问

示例：

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

查看图像路径，LOGO图像位于项目的根文件夹中，即Model。

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

假设您的图像文件位于模型文件夹中的图像文件夹内，则必须使用

并假设您的html文件位于模型文件夹中的某个视图文件夹中，然后（../上一个目录）

无法在导航栏中看到徽标

1 个答案: