在做一個(gè)項(xiàng)目,裡面有很多圖片要展示,處?kù)夺崞诰S護(hù)方便的考慮,準(zhǔn)備做成把圖片上傳後,使用絕對(duì)路徑來(lái)引用的方式來(lái)展示,這樣如果後面圖片有更新,或者增加之類(lèi)的,都不需要改動(dòng)項(xiàng)目,只要去圖片維護(hù)的地方去操作就好了。
但是!現(xiàn)在我本地測(cè)試的時(shí)候,在css裡面寫(xiě)
background: url(D:\dev\uploadfile\測(cè)試圖1.png) no-repeat;
結(jié)果報(bào)錯(cuò):Not allowed to load local resource: file: ///D:/dev/uploadfile/儲(chǔ)值卡換卡流程.png
大概是說(shuō)絕對(duì)路徑不能用。但我覺(jué)得應(yīng)該是可以用的才對(duì),還有為什麼它給我的路徑前面加上了file:///,是不是這個(gè)導(dǎo)致的我的圖片訪(fǎng)問(wèn)不了?
補(bǔ)充下,應(yīng)該不是正反斜線(xiàn)的問(wèn)題,因?yàn)槲叶紦Q過(guò)試過(guò)了。
另外,我就要用絕對(duì)路徑,因?yàn)橛孟鄬?duì)路徑要把圖片都放到專(zhuān)案裡面,這個(gè)後期維護(hù)會(huì)很麻煩,所以如果想告訴我用相對(duì)路徑的朋友,你能有解決後期維護(hù)的方案的話(huà),也可以提出來(lái)
走同樣的路,發(fā)現(xiàn)不同的人生
Not allowed to load local resource
出於安全性考慮,是不允許以這種方式存取本地的文件的。
可以在本地圖片資料夾下起一個(gè)http服務(wù),具體用nginx還是python還是nodejs還是其他的就看個(gè)人喜好了。
每次或定期透過(guò)介面去服務(wù)後臺(tái)取最新的圖片url,然後動(dòng)態(tài)配置到background。
這裡就需要圖片服務(wù)後臺(tái)有http服務(wù)提供給前臺(tái)頁(yè)面