POST Данные, полученные из функции

У меня есть сценарий захвата подписи, используя JS и Jquery и HTML-холст.POST Данные, полученные из функции

Я обрабатываю подпись, преобразуя ее в IMAGE/PNG через PNGURL. Я бы хотел сделать POST полученную в результате PNGURL return .. но у меня проблема. Я не очень хорошо знаком с JS, но я работал над этим около двух дней. Поскольку вы сможете увидеть, что у меня возникла проблема с отправкой скрытогоDataURL. Страницы, пересылаются на следующую страницу, но hiddenDataURL показывает пустой. Я тестировал JS с предупреждением, чтобы показать, что подпись правильно конвертируется в PNGURL, но либо неправильно возвращается в скрытый элемент формы, либо неправильно отправляется на страницу signatureaccepted.php. любая помощь очень ценится.

Вот мои две страницы.

JS на отдельной странице.

function signatureSave() { 

    var canvas = document.getElementById("newSignature"); // save canvas image as data url (png format by default) 
    var dataURL = canvas.toDataURL("image/png", 0.1); 
    document.getElementById("hiddenDataURL").value = dataURL; 
    document.getElementById("hiddenForm").submit(); 

};

и HTML-форма, которую я пытаюсь опубликовать.

<!DOCTYPE html> 
<html> 

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

    <script src="todataurl.js"></script> 
    <script src="signature.js"></script> 

</head> 

<body> 

    <div id="canvas"> 
     <canvas class="roundCorners" id="newSignature" style="position: relative; margin: 0; padding: 0; border: 1px solid #c4caac;"></canvas> 
    </div> 

    <script> 
     signatureCapture(); 
    </script> 
    <form id="hiddenForm" action="signatureaccepted.php" method="POST"> 
     <input type="hidden" id="hiddenDataURL" /> 

    </form> 

    <button type="button" onclick="signatureSave()">Sign Out</button> 

    <button type="button" onclick="signatureClear()"> 
       Clear signature 
      </button> 
    </br> 
    Saved Image 
    </br> 
    <img id="saveSignature" alt="Saved image png" /> 

</body> 

</html>

источник

2016-10-14 Robert Dickey

Посмотрите на консоль разработчика для js и отчетов об ошибках для php http://php.net/manual/en/function.error-re porting.php что-нибудь для этого? –

ничего нет :( –

im пытаюсь увидеть, есть ли отверстие в том, как его подали –

Вы должны вход, чтобы иметь имя приписывать для того, чтобы быть представлены с подчиненной формы

<form id="hiddenForm" action="signatureaccepted.php" method="POST"> 
    <input type="hidden" id="hiddenDataURL" name="hiddenDataURL"/> 

</form>

это делает не должны быть такими же, как ID, но в этом случае это означает наименьшее количество изменений для вас

источник

2016-10-14 00:55:20

О, черт возьми, большое спасибо, ты мой герой. Если бы я не был лысым, я бы вытащил свои волосы. так мало. –

'Не могу поверить, что это так мало, вот что она сказала: p –

Дело в том, что за последние пару дней мы играли с идеей на работе, чтобы делать обратные образы с мобильных устройств. первый вопрос об этом сегодня, вы спасли меня много времени, глядя на мышь/сенсорный код и так далее, так что это победа/выигрыш –

POST Данные, полученные из функции

ответ

Смежные вопросы