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(来自图像,链接,……)都与此相关！

原文地址：https://www.jb51.cc/html/242525.html