При отправлении картинки на сервер выдается 404 ошибку. Что делать?

Question

chifafox @chifafox

PHP
Canvas

При отправлении картинки на сервер выдается 404 ошибку. Что делать?

Генерирую картинку и отправляю ее на сервер, но в итоге вылазит 404. Не могу понять в чем дело.

// Генерация открытки

var canvas = document.getElementById('otkrytka');
ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, 980, 480);

pic = new Image(980, 480);
pic.src = $('.block2__card').css('backgroundImage').replace('url(','').replace(')','').replace(/\"/gi, "");
pic.onload = function(){
ctx.drawImage(pic, 0, 0);

ctx.font = '25px Karton';
ctx.fillStyle = '#00bcbd';
ctx.textAlign = 'center';
ctx.fillText( $('.block2__name').text(), 608, 149);

ctx.fillStyle = '#000000';

console.log( $('.block2__text .first-line #whattodo').text().length );

if( $('.block2__text .first-line #whattodo').text().length <= 28 ) {
var a = 0;
ctx.fillText( $('.block2__text .first-line').text().replace(/(<([^>]+)>)/ig,""), 608, 202);
}
else {
var a = 1;
ctx.fillText( 'Приглашаю тебя', 608, 202);
ctx.fillText( $('.block2__text .first-line #whattodo').text().replace(/(<([^>]+)>)/ig,""), 608, 230);
}

ctx.fillText( $('.block2__text .second-line').text().replace(/(<([^>]+)>)/ig,""), 608, (230 + (a*28)));

ctx.fillStyle = '#00bcbd';
ctx.textAlign = 'left';
ctx.fillText('«Не торты, а торты»', 375, (258 + (a*28)));

ctx.fillStyle = '#000000';
ctx.textAlign = 'left';
ctx.fillText('по адресу Куйбышева, 57.', 567, (258 + (a*28)));

ctx.textAlign = 'center';
ctx.fillText( $('.block2__sender').text(), 608, (311 + (a*28)));

var dataURL = canvas.toDataURL('image/png');

var filename = ( Math.random() * (100000 - 1) + 1 );

$.ajax({
type: 'POST',
url: '/ajax/save.php',
data: {
imgBase64: dataURL,
name: filename
}
}).done(function(o) {
$('.block2__social-item.vk').attr('href', 'https://vk.com/share.php?url=http:/http://netorty-...' + filename);
$('.block2__social-item.ok').attr('href', 'https://connect.ok.ru/offer?url=http://http://neto...' + filename);
$('.block2__social-item.gplus').attr('href', 'https://plus.google.com/share?url=http://http://ne...' + filename);
$('.block2__social-item.twi').attr('href', 'http://twitter.com/share?text=Нетортыаторты&url=ht...' + filename + '&hashtags=люблюторты');
$('.block2__social-item.fb').attr('href', 'www.facebook.com/sharer/sharer.php?u=http://http:/...' + filename);

$('.block2__save').attr('href', 'https://netorty-privet.ru//otkrytki/' + filename + '.png');

$('.block2__social-list, .block2__controls, .block2__controls-text').removeClass('hidden');
});
}
});

<?php
$img = $_POST['dataURL'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data = base64_decode($img);
$file = $upload_dir . mktime() . ".png";
$success = file_put_contents($file, $data);
?>