Upload image from canvas to server?

Question

JavaScript

Hello. Please tell me how to transfer images from canvas to server. Interested in exactly the moment, how to get a file to send? Thank you.

Answer 1

var canvas = document.getElementById('myCanvas');
var dataURL = canvas.toDataURL();
$.ajax({
  type: "POST",
  url: "script.php",
  data: { 
     imgBase64: dataURL
  }
});

and PHP code

$img = $_POST['imgBase64'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$fileData = base64_decode($img);
$fileName = 'photo.png';
file_put_contents($fileName, $fileData);

PS: Have you been banned by Google?