html - 如何在css使用絕對路徑的圖片做背景
怪我咯
怪我咯 2017-06-17 09:15:48
0
2
3476

在做一個項目,裡面有很多圖片要展示,處於後期維護方便的考慮,準備做成把圖片上傳後,使用絕對路徑來引用的方式來展示,這樣如果後面圖片有更新,或者增加之類的,都不需要改動項目,只要去圖片維護的地方去操作就好了。
但是!現在我本地測試的時候,在css裡面寫
background: url(D:\dev\uploadfile\測試圖1.png) no-repeat;
結果報錯:Not allowed to load local resource: file: ///D:/dev/uploadfile/儲值卡換卡流程.png
大概是說絕對路徑不能用。但我覺得應該是可以用的才對,還有為什麼它給我的路徑前面加上了file:///,是不是這個導致的我的圖片訪問不了?
補充下,應該不是正反斜線的問題,因為我都換過試過了。
另外,我就要用絕對路徑,因為用相對路徑要把圖片都放到專案裡面,這個後期維護會很麻煩,所以如果想告訴我用相對路徑的朋友,你能有解決後期維護的方案的話,也可以提出來

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回覆(2)
为情所困

Not allowed to load local resource

出於安全性考慮,是不允許以這種方式存取本地的文件的。

可以在本地圖片資料夾下起一個http服務,具體用nginx還是python還是nodejs還是其他的就看個人喜好了。

过去多啦不再A梦

每次或定期透過介面去服務後台取最新的圖片url,然後動態配置到background。
這裡就需要圖片服務後台有http服務提供給前台頁面

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板