How to save an HTML5 Canvas as an image on a server?

Question

I\'m working on a generative art project where I would like to allow users to save the resulting images from an algorithm. The general idea is:

• Create an image

Answer 1

Send canvas image to PHP:

var photo = canvas.toDataURL('image/jpeg');                
$.ajax({
  method: 'POST',
  url: 'photo_upload.php',
  data: {
    photo: photo
  }
});

Here's PHP script:
photo_upload.php