Ajax不是功能电子签名

Question

我尝试单击调用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>