制作引用本地图像的绝对URL

Question

如何创建将图像引用到根目录库应用程序的绝对URL？

我已尝试使用/projetForum/WebContent/images/angry.gif作为网址，但它不起作用。

str = str.replace(":D", "<img src=\"/projetForum/WebContent/images/angry.gif\" title=\"heureux\" alt=\"heureux\" />");

提前致谢。

Answer 1

仔细查看您尝试使用的网址时，/WebContent文件夹的存在是可疑的。这可以被识别为典型Eclipse Web项目的默认Web内容文件夹名称。这反过来表明您实际使用了相对于<img src>中IDE工作区根文件夹的本地磁盘文件系统路径，并且不知何故预计它代表一个有效的URL。

这是错误的。 Web浏览器在解析获取的HTML输出时遇到<img>元素后，必须通过有效的URL下载图像。 不网络服务器必须根据本地磁盘文件系统路径神奇地内嵌图像的内容。这不是HTML的工作方式。

如果webapp的上下文根目录为projectForum（因此整个网络应用程序在http://localhost:8080/projectForum/上可用），则该图像应在以下网址http://localhost:8080/projectForum/images/angry.gif上可用。首先在浏览器的地址栏中尝试一下。

找到正确的网址后，您应该完全替换图片网址中的绝对/相对路径，以便生成的HTML输出最终结果如下：

<img src="/projectForum/images/angry.gif" />

顺便提及，笑脸:D不像生气我。