Сохранение изображения с холста на сервере через Jquery и Stack Overflow

Я пытаюсь сохранить изображение Canvas на сервере через PHP. Я вижу файл, но он показывает 0 байт. Можете ли вы помочь мне решить эту проблему.

Вот мой код ниже:

HTML:

<img id="image" src="data:image/png;base64,iVBORw0K..." />

Jquery:

$('.submit').unbind().click(function(){
var dataURL = $('#img').attr('src');
$.ajax({
type: "POST",
url: "saveimage.php",
dataType: 'json',
cache: false,
data: {
imgBase64: dataURL
}
});
});

PHP:

$upload_dir = "../images/";
$img = $_POST['data'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data = base64_decode($img);
$file = $upload_dir."image_name.png";
file_put_contents($file, $data);