PHP包含包含相对路径的html文件

Question

我有一个html文件，它本身工作正常。 html文件包含一些相对路径。

当我在PHP中包含html文件时，我遇到了相对路径的问题。

chart.html文件有一个脚本src，如下所示：

<script src="./data/data.js"></script>

和index.php包括如下所示：

include('./chart/chart.html');

我在浏览器中遇到的错误是失败的：

X GET http://localhost/project/data/data.js 

显然，data.js的路径缺少图表文件夹。 它应该是这样的： http://localhost/project/chart/data/data.js

这是我的文件夹层次结构：

Sites/
  project/
    index.php
    chart/
        chart.html
        data/
           data.js

我知道我可以修改html文件并将图表添加到路径中，但这会使html文件本身无法查看。 基本上，html文件假定路径基于当前的chart.html相对路径。 那么让php包含这个html文件并且不会弄乱相对路径的正确方法是什么？

Answer 1

这里的问题是绝对路径和相对路径之间的差异。 通过将其包含在其他路径中，有效地更改chart.html的路径，但不更改相关文件的相对路径，则会破坏代码。

你可以把头文件放在https://developer.mozilla.org/en/docs/Web/HTML/Element/base中。 但是，这可能会使事情变得更糟，因为index.php可能包含的其他内容将不再起作用，除非那些使用绝对路径。 如果你不这样做，这可能是一个很好的解决方案。

第二种解决方案可能是（以编程方式）搜索html中的相对路径，并在运行时用更正的路径替换这些路径。 有一些奇怪的情况，在html中使用javascript，可能会有一些“反复制”保护js代码，这可能会扼杀这个。

第三个解决方案（当然，取决于你的用例）是，不包括html，而是在你的输出中放置一个iframe ，你指向正确的路径。 由于它是从正确的路径加载的，因此相对路径应该再次起作用。 （我更喜欢那个，特别是如果它是你所追求的某种“预览”功能）。

另一个解决方案可能是将另一个index.php放入图表文件夹中 - 通过包含（并使原始的index.php代码足够灵活） - 将执行与原始index.php相同的工作，但是因为它是请求的从不同的道路，一切都很好。

一种不同的方法是URL重写，您可以使其看起来好像index.php在图表目录中（可能需要从原始调用重定向）。 URL重写可能很困难，具体取决于您的整体设置。

这些是我的建议，但是，根据您对项目的实际需求，可能会有更合适的解决方案。

更新到额外的index.php解决方案：

请注意，这仅适用于一次显示一个项目，而不能同时显示多个项目。 此外，这在很大程度上取决于index.php功能或工作原理。 让我假设它看起来像这样：

<?php
$project = !empty($_POST['project']) ? $_POST['project'] : '';
$projects = array('chart', 'otherproject');
if(in_array($project, $projects)) {
    include $project.'/'.$project.'.html';
}
foreach($projects as $p) {
    echo '<a href="?project='.$p.'">'.$p.'</a>';
}

现在，新的chart/index.php将执行以下操作：

<?php $project='chart'; include '../index.php';

你需要将原来的/index.php改为：

<?php
$project = !empty($project) ? $project : '';                   // <-- changed
$projects = array('chart', 'otherproject');
if(in_array($project, $projects)) {
    include $project.'/'.$project.'.html';
}
foreach($projects as $p) {
    echo '<a href="/URL/TO/ROOT/'.$p.'/index.php">'.$p.'</a>'; // <-- changed
}