JQuery Mobile Display Сгенерированное изображение

Question

В настоящее время я использую iFrame для отображения изображения captcha. Я хочу изменить это для отображения JQM, где я создаю изображение в событии pagebeforeshow. Текущий код, который находится в программе PHP, который генерирует проверочное изображение является:

$im=genCaptcha(); 
print base64_encode(imagepng($im)); 
imagedestroy($im); 

genCaptcha() функция находится в заголовочном файле. Для создания изображения используются функции библиотеки GD.

Это мой код в pagebeforeshow обработчика событий:

$(document).on('pagebeforeshow','#addList', function(){ 
    $.post('displaycaptcha.php','',function(data) { 
     $("#rList").html('<img src="data:image/png;base64,' + data + '" />'); 
     }); 
    }); 
}); 

Любые идеи или помощь будет оценена.

Answer 1

Бинго: Вот что работал в PHP скрипт (JavaScript в вопросе без изменений):

ob_start(); 
imagepng($im);      
$image = ob_get_contents(); 
ob_end_clean(); 
print base64_encode($image); 
imagedestroy($im);