| 
<?php
//define some empty variables used in the markup
 $errorMessage = '';
 $encrypt = '';
 $decrypt = '';
 
 //process the submitted form
 if( isset($_REQUEST['formSubmit']) ){
 $img = ( empty($_REQUEST['img']) ) ? null : $_REQUEST['img'];
 $message = $_REQUEST['message'];
 $encrypt = $_REQUEST['encrypt'];
 
 if( empty($img) ){
 //set error if image name not submitted
 $errorMessage = 'You must select an image!!!';
 }else{
 //include the class file
 require('imagekey.class.php');
 //instantiate the class with the image name and path
 $imgkey = new imageKey($img,'testimage/');
 
 if( $message ){
 //if a new message was submitted then encrypt it
 $encrypt = $imgkey->encryptMsg($message);
 }elseif( $encrypt ){
 //otherwise decrypt the encrypted message if submitted
 $decrypt = $imgkey->decryptMsg($encrypt);
 }
 }
 }
 ?>
 <!DOCTYPE HTML>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>Image Key Example</title>
 </head>
 <body>
 <form method="POST">
 <?php
 if( $errorMessage ){
 ?>
 <div style="padding:10px;border: solid thin red;"><?php echo $errorMessage;?></div>
 <?php
 }
 ?>
 <div style="padding:10px;">Select an image and either enter a new message or test decrypting the encrypted message</div>
 <div style="margin:20px;float:left;"><img src="testimage/attach.png"><br><input type="radio" name="img" value="attach.png"></div>
 <div style="margin:20px;float:left;"><img src="testimage/camera.png"><br><input type="radio" name="img" value="camera.png"></div>
 <div style="margin:20px;float:left;"><img src="testimage/cancel.png"><br><input type="radio" name="img" value="cancel.png"></div>
 <div style="margin:20px;float:left;"><img src="testimage/cross.png"><br><input type="radio" name="img" value="cross.png"></div>
 <div style="margin:20px;float:left;"><img src="testimage/stop.png"><br><input type="radio" name="img" value="stop.png"></div>
 <div style="clear:both;"></div>
 <div>New message:<br><textarea name="message" style="width:500px;height:100px;"></textarea></div>
 <div>Encrypted message:<br><textarea name="encrypt" style="width:500px;height:150px;"><?php echo $encrypt;?></textarea></div>
 <div><input type="hidden" name="formSubmit" value="1"><input type="submit" value="Go"></div>
 </form>
 <?php
 if( $decrypt ){
 ?>
 <hr>
 <div>
 Decrypted message: <?php echo $decrypt;?><br>
 </div>
 <div style="padding:10px;">You should only see a proper decryption if you selected the image it was encrypted with</div>
 <?php
 }
 ?>
 </body>
 </html>
 |