Ich habe eine Seite captcha.php, wo ich mit Hilfe der GD-Library ein zufälliges Captcha-Bild generiere und als PNG ausgebe (Header).
Dieses binde ich mit dem <img>-Tag auf der Seite form.php ein.
Jetzt möchte ich Klick auf einen Link nur dieses Bild neu laden, falls es nicht leserlich genug ist.
Dies möchte ich natürlich mit Ajax, evtl. auch mit JQuery machen. Leider bekomme ich das Neuladen nicht hin.
captcha.php:
form.php
Wenn ich per alert(data) den Inhalt ausgebe, bekomme ich viele undefinierte Zeichen (das PNG-Bild), jedoch bekomme diesen Inhalt nicht an die richtige Stelle.
Hat jemand eine Idee?
Dieses binde ich mit dem <img>-Tag auf der Seite form.php ein.
Jetzt möchte ich Klick auf einen Link nur dieses Bild neu laden, falls es nicht leserlich genug ist.
Dies möchte ich natürlich mit Ajax, evtl. auch mit JQuery machen. Leider bekomme ich das Neuladen nicht hin.
captcha.php:
PHP:
<?php
function captcha()
{
header ('Content-type: image/png');
$image = imagecreatetruecolor(110, 60);
$number= rand(1000,9999);
// ganz viel Code.....
imagepng($image);
imagedestroy($image);
}
captcha();
if(isset($_POST['action']))
{
captcha();
exit();
}
?>
form.php
HTML:
<script>
$("a.reload").click(function(){
$.ajax({
url: 'captcha.php',
data: "action=ajax",
success: function(data) {
alert(data);
$('#bild').html(data);
}
});
});
</script>
<img id="bild" src="captcha.php" alt="captcha" /><br><br><br>
<a href="#" class="reload">reload</a>
Wenn ich per alert(data) den Inhalt ausgebe, bekomme ich viele undefinierte Zeichen (das PNG-Bild), jedoch bekomme diesen Inhalt nicht an die richtige Stelle.
Hat jemand eine Idee?
Zuletzt bearbeitet: