Pfthb

We recently took an ongoing project offering web maintenance.

We have to provide the users with a questionnaire, at the end of which they - the users, will receive a diploma. We need a way of attaching the user's name, entered inside an input tag to an image, the diploma template if you would allow.

Forgetting about the WordPress part, this looks nice and smooth, alongside the PHP manual. But in order for us to do that, we need to find a way of displaying that image inside a post.

The following lines are responsible for manipulating the image, attach the string and build the post for the image to live in.

add_action( 'init', 'custom_post_type', 0 ); 
add_action( 'wp_ajax_diploma_new_image', 'diploma_new_image' );
add_action( 'wp_ajax_nopriv_diploma_new_image', 'diploma_new_image' );

function diploma_new_image()
 $upload_dir = wp_upload_dir();
 $rImg = ImageCreateFromJPEG($_POST['data']['image_path']);
 $cor = imagecolorallocate($rImg, 255, 255, 255); 

imagestring($rImg,50,150,550,urldecode(strtoupper($_POST['data']'filename'])),$cor);
header('Content-type: image/jpeg');
imagejpeg($rImg, $upload_dir['basedir']."/diploma_new/".str_replace(' ', '_', $_POST['data']['filename']),100);
 $title = $_POST['data']['names'].'_diploma'.rand(1,90);
 $description ='[fusion_builder_container ][fusion_builder_row][fusion_builder_column][fusion_title]Diplomă în anticorupție[/fusion_title][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]
 <div><h4>Descarca diploma ta in anticoruptie.</h4></div>
 <div><img src="'.$upload_dir['baseurl'].'/diploma_new/'.str_replace(' ', '_', $_POST['data'].round(['filename'])).'" /></div>'; 
 $cat='cat'; 
 $tags='tags';
 $post = array( 
 'post_title' => $title, 
 'post_content' => $description, 
 'post_category' => $cat,
 'tags_input' => $tags,
 'post_status' => 'publish', 
 'post_type' => 'post',
 'tax_input' => array( 'category' => '98' )
 ); 
 wp_insert_post($post); 



 ;

add_action( 'wp_ajax_get_details_diploma', 'get_details_diploma' );
add_action( 'wp_ajax_nopriv_get_details_diploma', 'get_details_diploma' );

function get_details_diploma()
 $sucess_message = "detail functions";
 global $wpdb;
 $query = $wpdb->get_results("SELECT * FROM `wp_posts` ORDER BY id DESC limit 1 ");
 $url = get_permalink($query[0]->ID);
 echo $url;
 die();
;

The trigger for the image comes from within jQuery

 echo '<div class="name_form">
<input type="text" name="field1" id="diploma_name" value=" " placeholder=" name "required="required">
<button name="submit" id="diploma_submit" value="submit"> Scrie-ți numele pentru a personaliza diploma!</button>
</div>
<div style="margin-top: 50px;" id="diploma_name_display">
</div>
<script>
jQuery(document).ready(function()
jQuery("#diploma_submit").click(function() 

 var firstfield_value = jQuery("#diploma_name").val();

 jQuery("#diploma_name_display").html( "<strong>" + firstfield_value +"</strong>" );
c = navigator.userAgent.search("Firefox");
if (c > -1) 
 jQuery("#diploma_name_display").css("margin-top: 50px;");
 
 // $.window.stop(); //don't mind this, I have added this to stop the page from refreshing so my boss thinks this actually work.
 );
 );
</script>';

I am not yet sure where it breaks, if I look in the source panel of dev tools, I can see the 404 on the image, meaning it was not generated, or saved, or both. Do you have any idea of solving this challenge?

source view for the diploma file