Создайте изображение с помощью php и отправьте как ответ ajax

Question

Я использую следующий код для создания изображения с использованием php.

 $image_width = 120; 
     $image_height = 40; 
     $characters_on_image = 6; 
     $font = '/fonts/OpenSans.ttf'; 

     //The characters that can be used in the CAPTCHA code. 
     //avoid confusing characters (l 1 and i for example) 
     $possible_letters = '23456789bcdfghjkmnpqrstvwxyz'; 
     $random_dots = 10; 
     $random_lines = 30; 
     $captcha_text_color="0x142864"; 
     $captcha_noice_color = "0x142864"; 

     $code = ''; 

     $i = 0; 
     while ($i < $characters_on_image) { 
     $code .= substr($possible_letters, mt_rand(0, strlen($possible_letters)-1), 1); 
     $i++; 
     } 

     $font_size = $image_height * 0.75; 
     $image = @imagecreate($image_width, $image_height); 

     /* setting the background, text and noise colours here */ 
     $background_color = imagecolorallocate($image, 255, 255, 255); 

     $arr_text_color = $this->hexrgb($captcha_text_color); 
     $text_color = imagecolorallocate($image, $arr_text_color['red'], 
     $arr_text_color['green'], $arr_text_color['blue']); 

     $arr_noice_color = $this->hexrgb($captcha_noice_color); 
     $image_noise_color = imagecolorallocate($image, $arr_noice_color['red'], 
     $arr_noice_color['green'], $arr_noice_color['blue']); 

     /* generating the dots randomly in background */ 
     for($i=0; $i<$random_dots; $i++) { 
     imagefilledellipse($image, mt_rand(0,$image_width), 
     mt_rand(0,$image_height), 2, 3, $image_noise_color); 
     } 

     /* generating lines randomly in background of image */ 
     for($i=0; $i<$random_lines; $i++) { 
     imageline($image, mt_rand(0,$image_width), mt_rand(0,$image_height), 
     mt_rand(0,$image_width), mt_rand(0,$image_height), $image_noise_color); 
     } 

     /* create a text box and add 6 letters code in it */ 
     $textbox = imagettfbbox($font_size, 0, $font, $code); 
     $x = ($image_width - $textbox[4])/2; 
     $y = ($image_height - $textbox[5])/2; 
     imagettftext($image, $font_size, 0, $x, $y, $text_color, $font , $code); 

     /* Show captcha image in the page html page */ 
     header('Content-Type: image/jpeg');// defining the image type to be shown in browser widow 
     imagejpeg($image);//showing the image 
     imagedestroy($image);//destroying the image instance 

И я создаю это в вызове ajax.

$.ajax({ 
     url  : url, 
     success : function(data){ 
      $("#captcha_text").html(data); 

     } 
    }); 

Но когда я проверил консоль никакого ответа не getting.How, чтобы получить это изображение и отображать it.Any помощь очень ценится.

Answer 1

Если вам нужно создать некоторые CAPTCHA, используйте следующий код,

<img id='captcha' src='your_php_file_path' /> 
<a href="#" id="refresh">Refresh captcha</a> 
<script> 
$('#refresh').click(function(){ 
    $('#captcha').attr({ 
     src:'your_php_file_path?hash='+Math.random()*100000, 
    }); 
}); 
</script> 

Значение хэша передается для избежания кэшированных изображений, случайное значение будет производить различные URL, поэтому новые изображения будут произведены.

Answer 2

Использование Data URI, см:

php: recreate and display an image from binary data

Вы добавляете ответ AJAX к атрибуту IMG SRC, а не готового изображения, но де данных base64.