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代码足够灵活） - 将执行与原始索引相同的工作。 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 }

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

1 个答案: