Send image to php file using ajax without using FormData() - php

Question

This is my html code for the image field:
<div class="row input_detail">
<div class="col-lg-4 col-md-4 ">
<label>Upload Image:</label>
</div>
<div class="col-lg-8 col-md-8">
<input type="file" id="picture" name="pro_picture"/>
</div>
</div>
And, I am using jQuery.post() for ajax request.
I am designing a WP plugin in which I want to upload image for the registering user.

Answer 1

var image="";
$("#picture").on('change',function(){
if (this.files && this.files[0]) {
var FR= new FileReader();
FR.onload = function(e) {
image=e.target.result;
}
FR.readAsDataURL( this.files[0] );
}
});
$.ajax({
url: '<?php echo $this->getUrl("*/*/upload/id/" . $this->getRequest()->getParam('id')) ?>', // change it to your image handle controller
type: 'POST',
data: {"image":image},
cache: false,
processData: false,
contentType: false,
success: function(data, status, xhr) {
//do your stuff
},
error: function(xhr, status, error) {
console.log('Error saving the images to database: ' + status);
}
});
You must put the post id in the wp_insert_attachment function.
$upload_dir = wp_upload_dir();
$filename = 'sample.jpg';
if( wp_mkdir_p( $upload_dir['path'] ) ) {
$file = $upload_dir['path'] . '/' . $filename;
} else {
$file = $upload_dir['basedir'] . '/' . $filename;
}
$base64img = str_replace('data:image/jpeg;base64,', '', $_POST['image']);
$img_data = base64_decode($base64img);
$validate_image = imagecreatefromstring($img_data);
if($validate_image !== false){
imagedestroy($validate_image);
file_put_contents($file, $img_data);
$wp_filetype = wp_check_filetype( $filename, null );
$attachment = array(
'post_mime_type' => $wp_filetype['type'],
'post_title' => sanitize_file_name( $filename ),
'post_content' => '',
'post_status' => 'inherit'
);
$attach_id = wp_insert_attachment( $attachment, $file, 'put the post id here');
require_once(ABSPATH . 'wp-admin/includes/image.php');
$attach_data = wp_generate_attachment_metadata( $attach_id, $file );
wp_update_attachment_metadata( $attach_id, $attach_data );