Подождите, что входное значение установлено с toDataURL

Question

Я пытаюсь загрузить изображение с холста с помощью Jcrop. Я устанавливаю значение холста внутри скрытого ввода. Когда я отправляю форму, значение еще не установлено.

$("#formEtatCivil").submit(function(e) {
    e.preventDefault();

    if ($("input[type=submit][clicked=true]").attr('name') === 'Update') {
        if (canvas) {
            var head = 'data:image/jpeg;base64,';
            var dataUrl = canvas.toDataURL('image/jpeg');
            if (Math.round((dataUrl.length - head.length)*3/4) > 5000000) {
                alert('La photo doit faire moins de 5Mo');
                return false;
            }
            $('#prs_photo_reel').val(dataUrl);
        }
    }
    if ($(this).validationEngine('validate')) {
        $(this).append('<input type="hidden" name="' + $("input[type=submit][clicked=true]").attr('name') + '" value="1">');
        $(this).unbind().submit();
    }
});

Когда я пытаюсь if (!empty($_POST['prs_photo_reel'])) на стороне сервера возвращает false

Моя форма содержит:

<input type="hidden" name="prs_photo_reel" id="prs_photo_reel">

Он работает на другом сервере с теми же файлами на нем