JavaScript — отображение изображения из XMLHttpRequest () responseText

У меня проблема с отображением изображения из responseText.

Я попробовал это …

document.getElementById('myImage').src=ajax.responseText;

Обратите внимание ajax переменная происходит от var ajax=new XMLHttpRequest();

Я использую файл php, чтобы получить путь к изображению и поместить его в ajax.responseText,

<?php
echo "Pictures/The Image.jpg";
?>

На выходе изображение не отображается. (В Google Chrome я скопировал URL-адрес изображения, и когда я вставил его в текстовый редактор (например, Блокнот), он about:blank).

Я пытался добавить alert(ajax.responseText); прежде чем положить его на #myImage,

Когда я проверяю это снова, предупреждение показывает правильный текст, который является путем изображения от echo файла php.

Следующее, что я пытался отобразить значение #myimage источник…

alert(document.getElementById("myimage").src);

Итак, мой код …

alert(ajax.responseText);
document.getElementById('myImage').src=ajax.responseText;
alert(document.getElementById("myimage").src);

И тогда я узнал, что предупреждение показывает http://localhost/Pictures/The%20Image.jpg который заставляет изображение не отображаться.

Как я могу сделать изображение (путь возвращается через ajax.responseText из файла php) отображается на src из <img>?