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

如果這樣圖片原本就位於本地,那么即使我們得不到響應圖片,瀏覽器還是可以能找到該圖片;但是如果這張圖片原本就是其他服務器上,那么你肯定是拿不到這張圖片的,也就無法顯示。

如下圖:

 

 

備注:這里是本人的使用經驗,有不對的地方歡迎批評指正...

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM