为什么图像加载但在drupal中显示为损坏

我必须改造一个现代脚本的Drupal图像库才能在ie8中工作。我的解决方法（维护客户端上传的内容）是使用 PHP 读取图像上传到的目录。然后吐出里面的东西。通过 jQuery 注入以下代码而不是现有库：

$folder = $_SERVER['DOCUMENT_ROOT'].'sites/default/files/styles/borealis_640x480_respondxl/public/portfolio/';
$filetype = '*.*';
$files = glob($folder.$filetype);
$count = count($files);
echo '<table>';
for ($i = 0; $i < $count; $i++) {
    echo '<tr><td>';
    echo '<a name="'.$i.'" href="#'.$i.'"><img src="'.$files[$i].'" /></a>';
    echo substr($files[$i],strlen($folder),strpos($files[$i], '.')-strlen($folder));
    echo '</td></tr>';
}
echo '</table>';

图像正在"显示"，但显示为损坏。有什么解决办法吗？

出于开发目的，我删除了仅 ie8 例外http://museum.shepherddev.com/portfolio/col3

ps 我在 Drupal 答案上问了这个问题，但主持人说这更像是一个堆栈交换问题。