html – 相对img src被解析为绝对…我错过了什么?

在我的项目中,用户可以输入网站的URL,系统将从该网站获取所有图像.因为图像的src可以是相对的,所以系统将其“标准化”,因此:

> src =“http://host.com/image1.png”的图像变为“http://host.com/image1.png”(无变化)
> src =“/ image2.png”的图像变为“http://host.com/image2.png”(前置主机)
>使用src =“image3.png”的“http://host.com/sub/dir/page.html”上的图像变为“http://host.com/sub/dir/image3.png”(前置主机)和路径)

现在看看这个页面,如果你可以:

http://www.presentkuriren.se/presenter/4/728/Karlek/Pasta—hjartan.html

如果您查看源代码,主图像实现为< img src =“prodbilder / large / JJI10002.jpg”...... 这将使我得出结论,绝对路径http://www.presentkuriren.se/presenter/4/728/Karlek/prodbilder/large/JJI10002.jpg,而不是.它是http://www.presentkuriren.se/prodbilder/large/JJI10002.jpg,所有浏览器似乎都明白并正确显示它…

我有点困惑,觉得我错过了一些明显的东西……请指出我!

解决方法

有< base />标题在头部:
<base href="http://www.presentkuriren.se/">

因此,所有相对URL(来自图像,链接,……)都与此相关!

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些