png image being cropped when saved from base64_decode - php

Question

I'm trying to create an image in my server's uploads directory from base64 code sent from the client-side. Below's the code for same :
<?php
$dataURI = $_REQUEST['dataURI'];
$dataURI = str_replace('data:image/png;base64,', '', $dataURI);
$dataURI = str_replace(' ', '+', $dataURI);
$data = base64_decode($dataURI);
// $filename = UPLOAD_DIR . uniqid() . '.png';
$filename = UPLOAD_DIR . 'saved-image' . '.png';
$status = file_put_contents($filename, $data);
?>
the image is successfully created, but for some reason the image is cropped to half(horizontally). Could anyone tell me , what's wrong with this ?
Below is the original and saved/created image :
Original Image
Created Image

Answer 1

You are getting your data through an HTTP parameter. Those acutally are limited in size (e.g. the default for Apache is . This limit varies between webservers and usually can pe set in your server config.
Also note that PHP has a post_max_size in php.ini which by default is 2MB

Answer 2

You've probably got some encoding problems:
$dataURI = str_replace(' ', '+', $dataURI);
Looks like an attempt here to undo a replacement of + with which happened somewhere -most likely it was urldecoded. The / forward slash character is also part of the base64 symbol set, and so I suspect whatever messed up your + symbols also messed those up too.
What I would do is carefully trace the origin of this data and observe the transformations that are made.

Answer 3

Confirm you are writing to a text file and NOT to a database. I recently was switching back and forth attempting to troubleshoot this very issue. It turned out that my database column type, which was set to text was not large enough to store the image. My images were coming back looking just like yours. I switched to longtext and that fixed my issue.