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. boot2docker無法啟動2. docker-compose中volumes的問題3. java - SSH框架中寫分頁時service層中不能注入分頁類4. docker容器呢SSH為什么連不通呢?5. dockerfile - 為什么docker容器啟動不了?6. docker安裝后出現Cannot connect to the Docker daemon.7. nignx - docker內nginx 80端口被占用8. node.js - antdesign怎么集合react-redux對input控件進行初始化賦值9. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””10. 關于docker下的nginx壓力測試

網公網安備