javascript — ожидание, что входное значение установлено с помощью toDataURL.

Я пытаюсь загрузить изображение с холста с помощью 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">

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