首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用PHP包含带有图像的html文件

使用PHP包含带有图像的html文件
EN

Stack Overflow用户
提问于 2020-08-08 06:28:40
回答 3查看 285关注 0票数 1

我是一个网站开发的新手。

我的问题是:

我有两个HTML文件。它们是'index.php‘和'header.php’。我尝试使用以下代码将'header.php‘包含到'index.php’中:

'index.php‘

代码语言:javascript
运行
复制
<body>
    <?php
        include("header/header.php");
    ?>
</body>

“header.php”包含以下代码:

代码语言:javascript
运行
复制
<h1>Its header</h1>
<img src="img/006-tumblr.png" width="200" height="200">

这是文件夹的层次结构:

代码语言:javascript
运行
复制
-index.php
  --header
    --img
       -006-tumblr.png
    -header.php 

打开'index.php‘时,包含'header.php’,但图像不显示。

那么,我如何在图像中包含“header.php”呢?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2020-08-08 07:05:36

将文件包含到另一个文件中的逻辑与链接CSS文件的逻辑不同。当您包含PHP文件时,整个代码将被添加到源文件中,然后服务器将编译这些代码。因此,图像文件和其他资源应该相对于源文档(而不是包含的)进行处理。这种逻辑在CSS文件中是不同的,并且资源文件(例如,背景图像)相对于CSS文件(因为CSS可以在不同的文件中使用)。所以这是可行的:

代码语言:javascript
运行
复制
<h1>Its header</h1>
<img src="header/img/006-tumblr.png" width="200" height="200"

脚注:如果您想要在具有不同层次的不同文件中使用标头,那么以上问题的解决方案是为您的文档设置 baseurl ,并设置相对于基url的资源和凤尾鱼。

票数 -1
EN

Stack Overflow用户

发布于 2020-08-08 07:32:35

一种很好的处理方法是在根公共HTML路径中设置一个文件夹"img“,其中包含所有图像,并最终使用子文件夹将它们分开。原因是您的主控制器是从根启动的。这样,无论您在哪里调用您的图像文件,您都必须去img/才能找到它。同样的逻辑也适用于所有媒体。因此,如果您想要有视频,您可以有一个主文件夹媒体与一个img子文件夹和一个vid子文件夹。这种类型的逻辑必须在项目开始时定义,这样您就不必在其中重构。

票数 0
EN

Stack Overflow用户

发布于 2020-08-08 07:05:00

从根目录给出位置的

使图像可以从任何位置访问。

代码语言:javascript
运行
复制
<?php define('WEBSITE_BASE', $_SERVER["SERVER_NAME"]);  ?>

<img src="<?=WEBSITE_BASE?>/header/img/006-tumblr.png" width="200" height="200">

最好的链接策略,您应该始终遵循链接静态资产到您的页面,以便它链接到任何地方的项目是使用。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63312484

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档