<svg style="max-width: 100%; user-select: none"
                            viewBox="0 0 468 301"
                            xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink">

  img.completed ? onload() : img.addEventListener('load', onload);

var promise = new Promise(function (resolve, reject) {

       img.completed ? resolve() : img.addEventListener('onload', resolve);
       img.addEventListener('error', reject);
})

promise.then(function () {
    console.log('carregou essa merda');
}).catch(function () {})

var base64 = canvas.toDataUrl().split(',')[1]; // só precisamos do base64 mesmo


$.post(url, {imagem: base64});



No PHP



$imagem = base64_decode($_POST['imagem']);


file_put_contents('caminho_da_imagem', $imagem);

canvas.toBlob(function (blob) {

    var formData = new FormData();

    formData.append('imagem', blob, 'nome_do_arquivo_opcional.jpg');

    $.ajax({
        processData: false,
        contentType: false,
        cache: false,
        data: formData
    });
})


NO PHP

operação normal com o $_FILES['imagem'] para fazer o uploaed

Vantagens de se usar o Base64:

- Em um ambiente de troca de informações por json, fica fácil mandar uma propriedade com o base64, já que ele é compatível com JSON.

Desvantagens:

- O Base64 é uma string gerada com 4 vezes maior tamanho do que o tamanho da imagem!

canvas.toDataUrl('image/jpeg', .7);
canvas.toDataUrl('image/gif');
canvas.toDataUrl('image/png');

navigator.getUserMedia({video: true}).then(function (media) {

    var video = document.querySelector('#video');

    video.srcObject = media;

})

<input type="file" id="file" />
<img id="img">

document.querySelector('#file').addEventListener('change', function () {

    var file = this.files[0]; // só precisamos do primeiro se não tiver usado o "multiple" como opção

    var url = window.URL.createObjectURL(file);

    document.querySelector('#img').src = url;


})

  var x = a || b;

 typeof a === 'function' && a()

((a||{}).b||{}).c

return callback || function () {}