Вы не можете получить доступ к файлам вне корневого каталога документа из HTML-кода на стороне клиента. Если вы не можете переместить файлы в корневой каталог документа, то вы можете либо настроить свой сервер для разрешения доступа к этому одному каталогу, либо написать сценарий на стороне сервера для ретрансляции файлов.
Переконфигурировать сервер ...
Если вы используете Apache, вы можете использовать Alias для сопоставления каталога в вашей файловой системе с корнем документа:
Alias /foo "/path/to/my/foo"
... или написать сценарий ретрансляции
План Б состоит в том, чтобы написать скрипт для извлечения файлов. Например, вместо попытки что-то вроде
<img src="/../foo/bar.gif">
Вы могли бы сделать это
<img src="/getimage.php?name=bar.gif">
Простая реализация getimage.php может выглядеть примерно так
//get the passed filename
$file=$_GET['name'];
//basic security check - ensure the filename is something likely
if (preg_match('/^[a-z]+\.gif+$/', $file))
{
//build path and check it exists
$path=$_SERVER['DOCUMENT_ROOT'].'/../foo/'.$file;
if (file_exists($path))
{
//return file here. A production quality implementation would
//return suitable headers to enable caching and handle
//If-Modified-Since and etags...
header("Content-Type: image/gif");
header("Content-Length:".filesize($path));
readfile($path);
}
else
{
header("HTTP/1.0 404 Not found");
echo "Image not found";
}
}
else
{
header("HTTP/1.0 400 Bad Request");
echo "Naughty naughty";
}