Form serialize data:image/png;base64 data type json - resize

Question

Hello i have been developing cms but now got revision add one feature crop and resize images before upload in codeignter, here is simple demo
$('#btnsubmit').on("click", function(e) {
e.preventDefault();
$.ajax({
url: base_url + "welcome/add",
type: "POST",
data: $('#form').serialize(), //extract value in form
dataType: "JSON",
success: function(data) {
if (data.status) //if success close modal and reload ajax table
{
alert('success');
} else {
alert('failed');
}
$('#btnsubmit').text('save'); //change button text
$('#btnsubmit').attr('disabled', false); //set button enable
}
});
and this is my controller
$dataURL=$this->input->post('images_crop');
//$dataURL = $_POST["imageData"];
$dataURL = str_replace('data:image/png;base64,', '', $dataURL);
$dataURL = str_replace(' ', '+', $dataURL);
$image = base64_decode($dataURL);
$filename = date("d-m-Y-h-i-s") . '.' . 'png'; //renama file name based on time
$path = set_realpath('uploads/product/');
file_put_contents($path. $filename, $image);
$data = array (
'id_product_post'=>$this->input->post('id_product_post'),
'foto'=>$filename
);
$this->db->insert('li_product_foto',$data);
all i have got images success store in database and folder but the images is blank and 0kb, where do i wrong, thanks
/---------Solved by my self----------/
The reason why file is 0kb and blank cause i forget to remove old doc which came from Here Please see the code controller i make command, Hope some one in the future get help from this