У меня проблема, когда я пытаюсь нажать на кнопку сохранения, которая вызывает 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>