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);

        }
    });

但是当我检查控制台时没有响应。如何获取此图像并显示它。非常感谢任何帮助。

Answer 1

如果您需要创建一些验证码，请使用以下代码

<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

使用数据URI，请参阅：

php: recreate and display an image from binary data

您将AJAX响应添加到img src属性，而不是现成的图像，而是de base64数据。

使用php创建图像并作为ajax的响应发送

2 个答案: