javascript — загрузка файлов с использованием jQuery, JSON и переполнения стека

Это продолжение предыдущего вопроса, найденного здесь:

Отображение файлов в каталоге с использованием PHP и jQuery

Теперь я могу отображать файлы в модальном окне в виде гиперссылок. Теперь мне нужно вместо загрузки файлов отобразить файл на новой вкладке.

Вот как выглядит displayFiles.php:

if(isset($_POST['editpartnercode']))
{
$partnerCode = $_POST['editpartnercode'];
$bookingNum = $_POST['editbooking'];

$dir = "D:/CargoDocsPDFs/". $partnerCode . "/" . $bookingNum;
$ffs = scandir($dir);

$files = array();
foreach($ffs as $ff)
{
if($ff != '.' && $ff != '..')
{
array_push($files, $ff);
}
}
echo json_encode($files);
}

Используя все вышеперечисленное, я могу получить файлы из выбранного каталога и отправить обратно на сторону JavaScript, которая выглядит следующим образом:

$('#resultsTable').on('click', 'tr > td > a.uploadDocs', function(e)
{
var editpartnercode = $(this).attr('data-editpartnercode');
var editbooking = $(this).attr('data-editbooking');
var directpath = "D:/CargoDocsPDFs/"+editpartnercode+"/"+editbooking+"/";

$.post('process/displayFiles.php', {editpartnercode:editpartnercode,editbooking:editbooking}, function(data)
{
var obj = JSON.parse(data);
$('#allFiles').empty();
var htmlToInsert = obj.map(function (item)
{
return "<li><b><a href='"+directpath+""+item+"' target='_blank'>" + item + "</a></b></li>";
});
$('#allFiles').html(htmlToInsert);
});
});

Используя все вышеперечисленное, я могу вернуть файлы на страницу в модальном окне.

Но когда я нажимаю на ссылку, чтобы открыть файл, я получаю следующее сообщение об ошибке:

Не разрешается загружать локальный ресурс: file: /// D: /filelocation/editpartnercode/bookingnum/bookingnum.jpg

Как я могу исправить эту ошибку?