Transmettre des variables post sans form dans un url image

Slm
j'ai une formulaire contient des input et un boutton pour save les donnés de formulaires dans une bdd et input de type boutton pour générer une image de carte selon les donnée de formulaire et l'apercu comme ceci

<form method="post" action="member_save.php">
<input type="text"  name="firstname"  required>

<input type="text"  name="lastname"  required>
<button name="submit" type="submit">save</button>
</form>
<input type="button" value="apercu" onclick="showImage();" name="show"/>
    <img src="recto.php?firstname=".$_POST['firstname']."&lastname=".$_POST['lastname']." " id="loadingImage" style="visibility:hidden"/>

avec ce script d'afficher l'image

<script type="text/javascript">
<!--
    function showImage(){
	
        document.getElementById('loadingImage').style.visibility="visible";
 document.getElementById('loadingImage1').style.visibility="visible";
    }
    </script>

le fichier recto.php

<?php
if((isset($_GET['firstname']))&&(isset($_GET['lastname'])))

 { 
 $nom=$_GET['firstname'];
$prenom=$_GET['lastname'];
 $jpg_image = imagecreatefrompng('card3.png');

  // Allocate A Color For The Text
  $white = imagecolorallocate($jpg_image, 255, 255, 255);

  // Set Path to Font File
  $font_path = 'andlso.ttf';

  // Set Text to Be Printed On Image

  // Print Text On Image
  imagettftext($jpg_image, 16, 0, 170, 100, $white, $font_path, $prenom);
 imagettftext($jpg_image, 16, 0, 170, 130, $white, $font_path, $nom);

  // Send Image to Browser
 imagepng($jpg_image);
  imagedestroy($jpg_image);}

?>

mons pb c'est que l'image ne créer pas et l'url d'image est afficher comme:"recto.php?firstname=" je n'arrive pas transmettre les variables de form en url d'image merci d'avance