Como enviar as imagens do aplicativo híbrido para o Mysql

jQuery

Cordova

PHP

HTML5

Ajax

18/08/2020

Olá, estou criando um aplicativo híbrido, utilizando jquery/ajax, php, mysql. O aplicativo tira fotos, eu queria saber como coleto essa foto para inseri-lá no MySql da maneira correta. Tenho um código até o momento que o arquivo até chega no mysql, mais não consigo exibi-ló no Painel. Lembrando que utilizo o Plugin do Cordova, e o envio dos dados é via Ajax.

<div class="mt-2" style="width:250px; height:250px">
                   <img src="" id="myImage">
                   <p class="text-muted text-small text-left mt-2 ml-1">A imagem precisa estar legível</p>
</div>   

<!----  ACESSANDO O PLUGIN CÂMERA ----->
  <script type="text/javascript">
     $(document).ready(function (){
        document.getElementById(''cameraApp'').addEventListener(''click'', cameraApp);
        function cameraApp(){
            navigator.camera.getPicture(onSuccess,onFail,{
                quality: 100,
                saveToPhotoAlbum: true,
                destinationType:Camera.DestinationType.DATA_URL
            });
            function onSuccess(imageData){
                var image = document.getElementById(''myImage'');
                image.style.display = "block";
                image.src = "data:image/jpeg;base64," + imageData;
            }
            function onFail(message){
                alert(''Falha'' + message);
            }
        }
      });
        </script>


enviar.js
$("#send_oco").click(function(){

var nome= $.trim($("#name_user").val()); 
var situacao = $.trim($("#option").text()); 
var latitude = $.trim($("#latitude").val()); 
var longitude = $.trim($("#longitude").val()); 
var mensagem = $.trim($("#final_span").val()); 
var model = $.trim($("#model").val()); 
var uuid = $.trim($("#uuid").val()); 
var imagem = $.trim($("#myImage").attr(''src'')); 

var dataString="nome="+nome+"&situacao="+situacao+"&latitude="+latitude+"&longitude="+longitude+"&mensagem="+mensagem+"&model="+model+"&uuid="+uuid+"&imagem="+imagem+"®ister="; 
$.ajax({

    type: "POST",
    crossDomain: true, 
    cache: false,
    url: "https://siteteste4894.com/insert.php",
    data: dataString,
    success: function(data){
        if(data == "success"){
            alert("Enviada com sucesso");
            $("#voltar").click();
          }
        else if( data == "exist")
            $("#status").text("Account is already there");
        else if(data == "error")
            $("#status").text("Register Failed");
    }
}); 
});


inserir.php
<?php
header(''Access-Control-Allow-Origin: *'');
    $con = mysqli_connect("127.0.0.1:3302","******","********","********") or die("connection error");
    
    $nome = $_POST[''nome''];
    $situacao = $_POST[''situacao''];
    $latitude = $_POST[''latitude''];
    $longitude = $_POST[''longitude''];
    $mensagem = $_POST[''mensagem''];
    $model = $_POST[''model''];
    $uuid = $_POST[''uuid''];
    $imagem = $_POST[''imagem''];
    
 if(isset($_POST[''register'']))
{   
 
        $insert = mysqli_query($con,"INSERT INTO `onty` ( `nome` , `situacao`, `latitude` , `longitude` , `mensagem`, `model`, `uuid`,  `imagem` ) VALUES (''$nome'', ''$situacao'', ''$latitude'', ''$longitude'',''$mensagem'', ''$model'', ''$uuid'', ''$imagem'')");
        if($insert)
            echo "success";
        else
            echo "error";
}

    else if($register != 0)
        echo "exist";
?>
André Luis

André Luis

Curtidas 0
POSTAR