<!DOCTYPE html>
<html lang="">
 <head>
  <link rel="icon" type="image/x-icon" href="http://alprbr.com/images/car.png">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>ALPRBRAPI</title>
</head>
<body onload='startFunc()'>
<form id="myForm">
<table align='center' style="border-collapse: collapse;" border="1">
<tbody>
<tr><td align="center"><font size = "5"><b>Leitura de Placas Direto ALPRBR</b></font><br>
Escolher imagem onde apareça legível a placa de um veículo:<br>
Padrão Mercosul: LLLNLNN, padrão antigo LLL-NNNN</td></tr>

<tr><td align='center'>
<input id="inpFile" type="file" accept="image/jpeg, image/png, image/jpg" onclick='enableUpload()'>
<button id='btn_uploadfile' name='btn_uploadfile' type="submit">Enviar</button>
</td></tr>

<tr><td align='center'>Seu Token: <input id="myToken" name="myToken" minlength='32' maxlength='32'>
<a href="https://alprbr.com/signup.html" title="Cadastro de Usuários">Não Tenho</a>
</td></tr>

<tr><td align="center"><img src="#" id="localImage" width="400"></td></tr>
<tr><td align='center'>      

    <table align='center' style="border-collapse: collapse;" border="1" width="100%">
    <tbody>
    <tr><td><b>Créditos</b></td>
    <td><label id='credits'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label></td></tr>
    <tr><td><b>Placa</b></td><td><label id='property'></label></td></tr>
    </tbody>
    </table>

</td></tr>
</tbody></table>    
</form>

<div align="center" id="myData" name="myData"></div>

<script>
    var token='';

    const imgInput = document.querySelector('input')
    const imgEl = document.querySelector('img')
 
    function enableUpload(){document.getElementById("btn_uploadfile").disabled = false;}
    function startFunc(){
        document.getElementById('localImage').style.visibility = 'hidden';
    }    

    imgInput.addEventListener('change', () => {
      if (imgInput.files && imgInput.files[0]) {
        const reader = new FileReader();
        reader.onload = (e) => {
          imgEl.src = e.target.result;
        }
        reader.readAsDataURL(imgInput.files[0]);
        document.getElementById('localImage').style.visibility = 'visible';
        document.getElementById("credits").innerHTML      = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
        document.getElementById("property").innerHTML     = '';       
      }
    }) 

    const myForm  = document.getElementById("myForm");
    const inpFile = document.getElementById("inpFile");

    myForm.addEventListener("submit", e => {

      token = document.getElementById('myToken').value;
      token = token.replace(/\s/g, '');
      if (token.length<32){
          alert("Token não pode conter espaços.");
          document.getElementById('myToken').focus();
          return;
      }

      document.getElementById('btn_uploadfile').innerHTML = 'Processando, Aguarde...'; 
      document.getElementById("btn_uploadfile").disabled = true;

      e.preventDefault();
      const endpoint = "http://alprbr.com:30305/alprbr";
      const form_data = new FormData();
      console.log(inpFile.files);
      form_data.append("inpFile", inpFile.files[0]);
      form_data.append("countrycode","br");
      form_data.append("token",token);
      form_data.append("imageurl","");

        fetch(endpoint, {method: "post", body: form_data })
        .then(function (response) {
            return response.json();
        })
        .then(function (data) {
            appendData(data);
        })
        .catch(function (err) {
            console.log('erro: ' + err);
            document.getElementById('btn_uploadfile').innerHTML = 'Enviar';
        });
        function appendData(data) {
           document.getElementById("credits").innerHTML      = data.credits;
           document.getElementById("property").innerHTML     = data.property;
           document.getElementById('btn_uploadfile').innerHTML = 'Enviar';           
        }   
    });
</script>
</body>
</html>
Bem-vindo à API de leitura de placas de veículos da ALPRBR!

Você pode usar nossa API para acessar nosso serviço que pode ler placas de imagens enviadas usando as instruções que se seguem.

O API da ALPRBR foi otimizado para ler placas usadas no Brasil sendo elas as antigas cinzas ou as novas padrão Mercosul.

Click aqui e teste grátis agora mesmo
