使用图像源 html/js 的基本 url答案

【问题标题】：Use base url for image source html/js使用图像源 html/js 的基本 url
【发布时间】：2017-07-27 21:12:09
【问题描述】：

嘿，我通过 json 获取我的 html 内容。图像块如下所示：

src=\"/2017/03/test.jpg\" alt=\"test\" width=\"576\" height=\"800\" srcset=\"/2017/03/test.jpg 576w, /2017/03/test-112x155.jpg 112w, /2017/03/test-432x600.jpg 432w\"

src 应该看起来像 mywebsite.com/img-src 但现在看起来像 localhost/img-src...

我尝试通过 JavaScript 替换它，但它看起来像：localhost/mywebsite.com/img-src

有人有想法吗

编辑：图片托管在一个网站上！它应该显示在每台设备上。现在是 404...

【问题讨论】：

我不清楚问题是什么。您可以编辑您的问题以使其更清楚吗？
要么在填充图像源之前附加 URL，要么使用 JS 查找所有图像并更改它们的源以包含它。
我建议不要碰src。如果服务器返回这样的响应，那么它应该看起来像这样。相反，如果您正在使用 localhost 创建虚拟主机，例如 dev.mysite.com 配置 Apache 以将其指向子文件夹，例如 /var/www/html/mysite/img-src

标签： javascript html image src

【解决方案1】：

可以通过在<head> 标记中包含<base> 标记来完成，如下所示：

<base href="mywebsite.com/path">

欲了解更多信息，请参考此网页：https://www.w3schools.com/tags/tag_base.asp

【讨论】：