2015-10-05 37 views
0

我看到有關如何添加標識問題導航欄和我想這看不到標誌在導航欄

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

+0

* C:/ Users/s003/Documents ... * - 嘗試file:///協議 – m02ph3u5

+0

對不起,你是什麼意味着file:///協議? –

+0

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

回答

1

我假設你正在使用本地主機瀏覽網頁。(Visual Studio的服務器或Apache等)

瀏覽器默認不加載由於本地文件以安全爲理由。

你必須相對路徑文件中使用像HTML文件:../path/to/images/ 或絕對路徑\路徑\爲\圖像

通過服務器瀏覽網頁時,您不能使用Windows路徑

但是如果仍然想要加載本地文件,那麼每個瀏覽器都有解決方法。

鍍鉻:谷歌允許文件訪問

例子:

讓我們假設這是你的項目路徑。 C:/ Users/s003/Documents/Visual Studio 2013/Projects/Model/

看着你的圖像路徑,LOGO圖像在項目的根目錄即Model中。

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

假設你的圖像文件是在模型文件夾內的圖片文件夾,然後你必須使用

,並假設你的HTML文件是在模型文件夾中的某個視圖文件夾中,然後(../上去一個目錄)

+0

謝謝。但我不明白文件路徑相對於html。正如你可以在我的文章中看到我的文件路徑,你能給我一個例子嗎? –

+0

編輯答案舉例 – Antony

+0

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