Ajax не является функцией электронной подписи - PullRequest
0 голосов
/ 30 сентября 2018

У меня проблема, когда я пытаюсь нажать на кнопку сохранения, которая вызывает ajax.чтобы сохранить подпись на холсте.

Я использую laravel 5.5 для проекта.

В другом проекте laravel 5.4 я использую ajax с: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> с любыми проблемами;

Не знаю, может быть, у меня есть конфликтная версия Jquery.

Надеюсь, кто-нибудь может мне помочь.

здесь моя страница:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/signature_pad/1.3.6/signature_pad.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script>


    $(function(){
        var canvas = document.getElementById('thecanvas');
        var signaturePad = new SignaturePad(canvas);
        drawSignatureLine();
        $('button.save').click(function(){
            // window.open(signaturePad.toDataURL("image/png"));
            var canvas_img_data = signaturePad.toDataURL("image/png");
            var img_data = canvas_img_data.replace(/^data:image\/(png|jpg);base64,/, "");
            //ajax call to save image inside folder
            $.ajax({
                url: 'save/signature/composition/equipe',
                data: { img_data:img_data },
                type: 'post',
                dataType: 'json',
                success: function (response) {
                    window.location.reload();
                }
            });
        });
        $('button.clear').click(function(){
            signaturePad.clear();
            drawSignatureLine();
        });
        function drawSignatureLine(){
            var context = canvas.getContext('2d');
            context.lineWidth = .5;
            context.strokeStyle = '#333';
            context.beginPath();
            context.moveTo(0, 150);
            context.lineTo(500, 150);
            context.stroke();
        }
    });


</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...