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