我在webapp下新建了一个html文件,创建了img标签src写的是相对路径,可是启动项目的时候打开网页竟然不显示
在这里插入图片描述
最后发现最后一个是因为前面带了一个/,而img文件夹是和这个html同级的,不需要带/
记录下

另外 webapp下最好不要放图片,这个文件夹的访问权限无法在浏览器端直接访问到

关于在img标签下使用src访问绝对路径下的图片问题

我在C盘下新建了一张名为car.jpg的图片,然后在html文件下使用img标签进行读取
在这里插入图片描述
逻辑都没有问题,可是运行的时候竟然无法访问
查看错误是
在这里插入图片描述
最后上网搜了下 好像是
出于安全考虑,浏览器是不允许页面直接读取本地硬盘资源的。除非把浏览器的安全等级调到最低。
唯一直接支持本地资源的方式,是把html文件储存到本地硬盘,然后用鼠标双击这个文件运行,这样的话本地图片就可以显示。而在web环境下(即在浏览器的地址栏输入网址)则默认是不允许的,因为这违反了浏览器的同源策略(即html文件与图片不在用一个域)

如果你的页面html文件是放在本地的,比如用浏览器打开桌面上的html文件,是可以访问本地图片文件的。
如果你的html是在web服务器上的,即浏览器的地址是http://xxx.xxx/xx.html而不是file:///C:/xxx.html,那么是不允许打开file://开头的本地图片的,这是出于安全考虑的。这种情况下你可以按F12看看浏览器的错误信息是不是“not allowed to load local resource”。
引用自https://segmentfault.com/q/1010000005030093

然后我又在本地新建了个html文件直接去访问这个图片看下能否访问到,果然成功了
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐