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:///,是不是這個導致的我的圖片訪問不了?補充下,應該不是正反斜杠的問題,因為我都換過試過了。另外,我就要用絕對路徑,因為用相對路徑要把圖片都放到項目里面,這個后期維護會很麻煩,所以如果想告訴我用相對路徑的朋友,你能有解決后期維護的方案的話,也可以提出來
問題解答
回答1:Not allowed to load local resource
出于安全性考慮,是不允許通過這種方式訪問本地的文件的。
可以在本地圖片文件夾下起一個http服務,具體用nginx還是python還是nodejs還是其他的就看個人喜好了。
回答2:每次或者定期通過接口去服務后臺取最新的圖片url,然后動態配置到background里。這里就需要圖片服務后臺有http服務提供給前臺頁面
相關文章:
1. html5 - 如何實現帶陰影的不規則容器?2. javascript - 循環嵌套多個promise應該如何實現?3. mysql優化 - 關于mysql分區4. css - 移動端字體設置問題5. objective-c - iOS開發支付寶和微信支付完成為什么跳轉到了之前開發的一個app?6. css3 - rem布局下,用戶瀏覽器的最小字號是12px怎么辦?7. vue.js - vue 打包后 nginx 服務端API請求跨域問題無法解決。8. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應9. 前端 - IE9 css兼容問題10. javascript - ionic2 input autofocus 電腦成功,iOS手機鍵盤不彈出
