html - 如何在css使用絕對路徑的圖片做背景

問題描述

在做一個項目，里面有很多圖片要展示，處于后期維護方便的考慮，準備做成把圖片上傳后，使用絕對路徑來引用的方式來展示，這樣如果后面圖片有更新，或者增加之類的，都不需要改動項目，只要去圖片維護的地方去操作就好了。但是！現在我本地測試的時候，在css里面寫background: url(D:devuploadfile測試圖1.png) no-repeat;結果報錯：Not allowed to load local resource: file:///D:/dev/uploadfile/%E5%82%A8%E5%80%BC%E5%8D%A1%E6%8D%A2%E5%8D%A1%E6%B5%81%E7%A8%8B.png大概是說絕對路徑不能用。但是我覺得應該是可以用的才對，還有為什么它給我的路徑前面加上了file:///，是不是這個導致的我的圖片訪問不了？補充下，應該不是正反斜杠的問題，因為我都換過試過了。另外，我就要用絕對路徑，因為用相對路徑要把圖片都放到項目里面，這個后期維護會很麻煩，所以如果想告訴我用相對路徑的朋友，你能有解決后期維護的方案的話，也可以提出來

問題解答

Not allowed to load local resource

出于安全性考慮，是不允許通過這種方式訪問本地的文件的。

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

每次或者定期通過接口去服務后臺取最新的圖片url，然后動態配置到background里。這里就需要圖片服務后臺有http服務提供給前臺頁面