Include and path to images

weirdvision

I'm trying to convert an old site that is currently using frames to PHP.

The directory structure is the following:

/articles
/articles/item1
/articles/item1.html
/articles.html
/index.php

In index.php I have the page item1.html included with 'include'. The page item1.html is displayed on the screen when included, but the images that should appear on it are not. The images associated to each itemX.html file are stored in an itemX subfolder of the articles folder. Is it possible to have images displayed without having to change the actual path in each html file? It's a pretty big site, over 400 pages, so I'm looking for minimum amount of changes needed. Thank you in advance!

NogDog

If you are using relative paths to the images in the included file, they will be treated by the browser as relative to the main script, as it has no knowledge that there were any PHP includes being done. I would probably instead try to use absolute paths (src="/top_dir/sub_dir/image_dir/img.png"). Another option would be to use the HTML <base> element in your <head> section, having the main script dynamically set it to point to the applicable "article" directory.

bpat1434

I completely forgot about the <base> element. But if you wanted a pure PHP implementation:

<?php

$uri = $_SERVER['REQUEST_URI'];

// Clean the URL
$uri = preg_replace('~(.*)\?.*$~iU', '\\1', $uri);

/**
 * This is only because my rewrite rules don't work 100&#37; correctly, you may not need this at all.
 */
$pathInfo = pathinfo(__FILE__);
$pathInfo['dirname'] = str_replace($_SERVER['DOCUMENT_ROOT'], null, $pathInfo['dirname']);
$uri = str_replace($pathInfo['dirname'], null, $uri);
/*********************************************************************************************************************/

if(substr($uri, 0, 1) == '/')
{
        $uri = substr($uri, 1);
}

$html = file_get_contents($uri);

if(!isset($_GET['source']) || $_GET['source'] == 'false')
{
        $html = preg_replace('~<img (.*)src="(' . $_GET['page'] . '/.*)"(.*)/>~iUs', '<img \\1src="articles/\\2"\\3/>', $html);
}

header('Content-Type: text/html');
echo $html;

weirdvision

Thank you both NogDog and bpat1434 for replying. Yes, I would prefer a PHP solution, but this line of code doesn't seem to do anything to my pages:

$html = preg_replace('~<img (.*)src="(' . $_GET['page'] . '/.*)"(.*)/>~iUs', '<img \\1src="articles/\\2"\\3/>', $html);

Is str_replace less efficient?

bpat1434

ah, well, that would be because I probably didn't give you the .htaccess file to use with it.

RewriteEngine On
RewriteCond &#37;{REQUEST_URI} articles/.*\.html(\?.*)?
RewriteRule articles/(.*)\.html index.php?page=$1 [QSA,NC,L]

That is also assuming that you are using <img /> tags to display images and not using background images and such.

str_replace isn't less efficient, it's just that you specified images were in a subdirectory. If you wanted to replace all instances of "item1/" with "/articles/item1/" then str_replace would be sufficient; however, using preg_match it's a little more versatile since you can pear it down to what you really are looking for instead of keeping in vague and general.

weirdvision

Thank you very much. It works now.