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:///+磁盤路徑？  這哪是正常的請求啊！！！

若是這樣圖片本來就位於本地，那麼即便咱們得不到響應圖片，瀏覽器仍是能夠能找到該圖片；可是若是這張圖片本來就是其餘服務器上，那麼你確定是拿不到這張圖片的，也就沒法顯示。

以下圖：

 

 

備註：這裏是本人的使用經驗，有不對的地方歡迎批評指正...