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. python相关问题求解决,有偿2. javascript - input输入框触发change事件后,外部元素会被选中3. python - 用__call__ 实现装饰器功能4. javascript - vue2.0中router.repalce跟router.push有什么区别,二者的应用场景是会有怎样的区别?5. javascript - prismplayer播放器全屏问题6. javascript - 在sublime中如何给.vue文件注释?7. python - 请问用cxfreeze打包的可执行程序能反编译出源码么?8. HTML5怎么访问本地文件?9. javascript - 这种上传图片预览怎么做?10. javascript - 把字符串日期转换成一般时间格式后,发现小于10的数字不会自动添加0在前面,如下