mysql Upload JS, PHP e MySQL

[Igor Feliphe 0]

Olá, estou fazendo um curso técnico e nele estou com um projeto para uma empresa que faça ordens de serviço pela web

Funciona assim:

O Cliente solicita o serviço, o técnico vai até o local e faz a ordem de serviço que está hospedada na web em seguida o cliente precisa assinar.(assinatura rubrica)

Porem não consigo achar nenhum método para fazer isso..

Existe alguma função que me permite fazer isso? Framework ? qualquer coisa ou outra linguagem?

Faz 2 Meses que estou estudando.. peguem leve kk

 

 

[Gabriel Heming 766]

O que você quer dizer com fazer a assinatura? Normalmente o que é feito é o upload de uma imagem nesses casos, principalmente quando é via smartphones.

[Igor Feliphe 0]

Estou com um Projeto de assinatura rubrica(para um curso técnico que estou fazendo)

Até agora tudo está ok

Ao terminar a assinatura rubrica feita, preciso salvar ela no banco de dados e no servidor

Porem não faço ideia de como fazer.. 

Consigo salvar a assinatura em local, mas preciso salvar ela no banco de dados

Segue o Codigo

Default.php 

  
    <div class="x_page" style="display: none;">
        <div class="x_window">
                <div class="x_header">
           		A Assinatura está correta?<span id="close_pp" onclick="$('.x_page').hide();"></span>
            </div>           
            <center>
            <a download class="cta download_sign" id="download_signature">Confirmar</a>        
            </center>
        </div>
    </div>  
      <section>
      	<div class="content dso">
        	<div class="container" id="wrapper">
            	<div class="row">
                			<div class="restrict center">
                            <div class="pad_box">
                              <h1>
                                Desenhe a sua assinatura                              </h1>
                              <div class="wrapper">
                                <canvas id="signature-pad" class="signature-pad" width="900" height="400"></canvas>
                              </div>
                              <div>
                                <button id="save">Guardar</button>
                                <button id="clear">Limpar</button>
                              </div>     
                            </div>
                            </div> 
              </div>
            </div>
        </div>
      </section>
     
      <script src="jquery-3.2.1.min.js"></script>
      <script src="filestack.js"></script>
      <script src="signaturepad.js"></script>
      <script src="scripts.js"></script>
     

Scripts.js

$(document).ready(function() {
	if ($('.content').hasClass('dso')) {
	
		var telaDesenho = new telaDesenho(document.getElementById('signature-pad'));
		var salvarBtn = document.getElementById('save');
		var cancelarBtn = document.getElementById('clear');
		
		salvarBtn.addEventListener('click', function (event) {
		  

		  var arquivo = telaDesenho.toDataURL('image/png');
		  

		  //tentar mandar pro php?
		  
		
		});
		
		cancelarBtn.addEventListener('click', function (event) {
		  telaDesenho.clear();
		});		
		
	}
	

});

 

Minha intensão e salvar elas e listar elas assim que o usuário pedir..

 

Preciso de uma solução para enviar para o banco ou apenas usar o PHP para capturar essa imagem

[Igor Feliphe 0]

Formulei um código, é esse o caminho?

<?php
$data_uri = "data:image/png;base64,iVBORw0K...";
$code_image = explode(",", $data_uri)[1];
$decode_image = base64_decode($encoded_image);
file_put_contents("download.png", $decoded_image);

 

[Gabriel Heming 766]

Não duplique os tópicos, mantenha o assunto em apenas um. Eu uni ambos os tópicos.