0

次のコードを使用して、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);

        }
    });

しかし、コンソールを確認しても応答がありません。この画像を取得して表示する方法を教えてください。

4

2 に答える 2

2

キャプチャを作成する必要がある場合は、次のコードを使用します。

<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 を生成するため、新しい画像が生成されます。

于 2013-07-25T07:37:46.210 に答える
0

データ URI を使用します。以下を参照してください。

php: バイナリ データから画像を再作成して表示する

AJAX 応答を img src 属性に追加します。既製の画像ではなく、base64 データです。

于 2013-07-25T07:27:19.913 に答える