在html中css的图片路径,html - 如何在css使用绝对路径的图片做背景

html - 如何在css使用绝对路径的图片做背景

怪我咯2017-06-17 09:15:48 0 2 389

在做一个项目，里面有很多图片要展示，处于后期维护方便的考虑，准备做成把图片上传后，使用绝对路径来引用的方式来展示，这样如果后面图片有更新，或者增加之类的，都不需要改动项目，只要去图片维护的地方去操作就好了。

但是！现在我本地测试的时候，在css里面写

background: url(D:\dev\uploadfile\测试图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:///，是不是这个导致的我的图片访问不了？

补充下，应该不是正反斜杠的问题，因为我都换过试过了。

另外，我就要用绝对路径，因为用相对路径要把图片都放到项目里面，这个后期维护会很麻烦，所以如果想告诉我用相对路径的朋友，你能有解决后期维护的方案的话，也可以提出来

回答



2

0

分享

全部回复 (2)

为情所困2017-06-17 09:17:482楼

Not allowed to load local resource

出于安全性考虑，是不允许通过这种方式访问本地的文件的。

可以在本地图片文件夹下起一个http服务，具体用nginx还是python还是nodejs还是其他的就看个人喜好了。

回复

过去多啦不再A梦2017-06-17 09:17:481楼

每次或者定期通过接口去服务后台取最新的图片url，然后动态配置到background里。

这里就需要图片服务后台有http服务提供给前台页面

回复