img標簽使用絕對路徑無法顯示圖片? 如果這張圖片屬於伺服器圖片或者網路圖片,我們必須在Img標簽里使用網路路徑,只有網路路徑才可以通過瀏覽器發送請求,下載該圖片到用戶的瀏覽器臨時路徑中,才可以顯示在頁面上; 如果這樣圖片在你本地,那麼你可以直接使用該圖片的磁碟路徑展示。 ...
說明: 圖片的磁碟路徑斜杠使用:右斜杠"\",而圖片的網路路徑使用左斜杠"/",註意加以區分。
如果這張圖片屬於伺服器圖片或者網路圖片,我們必須在Img標簽里使用網路路徑,只有網路路徑才可以通過瀏覽器發送請求,下載該圖片到用戶的瀏覽器臨時路徑中,才可以顯示在頁面上;
如果這樣圖片在你本地,那麼你可以直接使用該圖片的磁碟路徑展示。
下麵是我某個項目下的圖片,其磁碟路徑為:
D:\SourceCode\MCSFramework\02.Develop\MobileWebApp\Seagull2\WebApi\Seagull2.YuanXin.WebApi\Resources\Pic\2016\12\學無止境.jpg
其在項目里的網路路徑為:
http://localhost:10086/yuanxin/Resources/Pic/2016/12/學無止境.jpg
如圖所示:
原因淺析:
這是因為當我們在img標簽輸入磁碟路徑時,其實還是發出了http請求,這是這是一次失敗的請求,不會有任何response相應信息。
請求的地址為:file:///+磁碟路徑? 這哪是正常的請求啊!!!
如果這樣圖片原本就位於本地,那麼即使我們得不到響應圖片,瀏覽器還是可以能找到該圖片;但是如果這張圖片原本就是其他伺服器上,那麼你肯定是拿不到這張圖片的,也就無法顯示。
如下圖:
備註:這裡是本人的使用經驗,有不對的地方歡迎批評指正...