gpt4 book ai didi

html - 相对 HTML 图像引用 (LAMP)

转载 作者:行者123 更新时间:2023-11-27 23:47:34 24 4
gpt4 key购买 nike

对于 Web 开发来说确实是个新手,但我不明白为什么我的相关图像引用不起作用。我在 DocumentRoot [/var/www/vhosts/project0/html/] 中有我的 index.php,还有一个单独的文件夹,我在其中放置了我的图像 [/var/www/vhosts/project0/images/]。我查看了权限,它们似乎没问题;请参阅下面 [/var/www/vhosts/project0/] 中的 ls -l 输出:

  • drwxr-xr-x 2 aiden aiden 4096 Mar 12 18:48 html
  • drwxr-xr-x 2 aiden aiden 4096 Feb 14 12:12 图片

我的HTML如下:

<!DOCTYPE html>

<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>My Lecture Reader</title>
</head>
<body>
<h1>CSCI S-75</h1>
<ul>
<img src="P001.jpg"/> <br> <!-- Works -->
<img src="../images/P001.jpg"/> <br> <!-- Doesn't Work -->
</ul>
</body>
</html>

注意:我已将 P001.jpg 从 images/复制到 html/以进行调试。

我在 VirtualBox 上运行 Xbuntu,Apache2 作为 Web 服务器。

如果您能提供帮助,或为我指明正确的方向,那就太好了。

干杯,

艾登

额外的细节:

project0.conf 提取:

<VirtualHost *:80>
ServerName project0

ServerAdmin webmaster@localhost
DocumentRoot /var/www/vhosts/project0/html/
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

最佳答案

my relative image reference isn't working.

您在文档根目录之外有图像文件夹 - 所以这不起作用。由于它在文档根目录之外,您的相对客户端 URL 永远不会解析(您实际上是在尝试“在”http://example.com/).您直接在客户端 HTML 中提供的所有内容都必须位于文档根目录中。 (如果您可以从客户端浏览器直接访问 DocumentRoot 之上的文件,那么您将面临巨大的安全漏洞!)

但是,您的服务器端相对文件系统路径(不是 URL)解析正常,因此您可以访问您的 XML 文件。请注意,在大多数共享服务器环境中,您的服务器端脚本通常可以访问“文档根目录”之上的 1 个目录。这是“隐藏”服务器端文件的好地方,因为它们不能直接从浏览器(客户端)访问。

你的“图像”目录(你想直接从你的 HTML 访问)应该在 DocumentRoot 中,例如。 /var/www/vhosts/project0/html/images。然后,您可以从文档根目录中的 index.php 文档使用根目录相对路径(以斜杠开头)访问您的图像,因此:

<img src="/images/P001.jpg">

关于html - 相对 HTML 图像引用 (LAMP),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29041992/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com