Jump to content
Wagner M.M

Coloca imagem dentro de um array

Recommended Posts

Como eu posso colocar uma imagem dentro de um array, para que a apareça também no auto-complete?

jquery

$(document).ready(function() {
            $("#produtos").typeahead({
                source: function(b, a) {
                    $.ajax({

                        url: "fetch.php",
                        method: "POST",
                        data: {
                            query: b
                        },
                        dataType: "json",
                        success: function(c) {
                            a($.map(c, function(d) {
                                return d
                            }))
                        }
                    })
                }
            })
        });

fetch.php

$query2 = "
         SELECT * FROM fotos_produtos WHERE id_produto='".$row['id']."'
        ";

        $result2 = mysqli_query($connect, $query2);

        if(mysqli_num_rows($result2) > 0)
        {
         while($row2 = mysqli_fetch_assoc($result2))
         {

        $data[] = $row["nome"]."<img src=uploads/".$row2["nome"]."/>";

        }
        echo json_encode($data);
        }

Resultado quando procura algum produto

PRODUTO 21<IMG SRC=UPLOADS/PRODUTO21.JPG/>

Teria que aparecer a imagem e não em modo texto como está no resultado, teria como?

Share this post


Link to post
Share on other sites

Isso é problema com o PHP,

 

mas dá uma olhada para ver se assim ajuda:

$data[] = "<img src='uploads/".$row2["nome"]."'>";

Share this post


Link to post
Share on other sites

eu andei pesquisando e estou usando o propend() do jquery, ele procura e acha o que digito na busca, mais não mostra na div #resultado. e retorna esses erros quando digito algo:

VM1199:1 Uncaught SyntaxError: Unexpected token c in JSON at position 0
    at JSON.parse (<anonymous>)
    at Object.success ((index):803)
    at j (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at x (jquery.min.js:4)
    at XMLHttpRequest.b (jquery.min.js:4)
$(document).ready(function() {
        $("#country").typeahead({
            source: function(b, a) {
                $.ajax({
    url: "fetch.php",
    method: "POST",
    data: {
        query: b
    },
    dataType: "json",
    success: function(c) {
        console.log(c);
        
        var json = JSON.parse(c);
        $.each(json, function(i, data) { $("#country").prepend(data); } );
    }
    })
            }
        })
    });

 

Share this post


Link to post
Share on other sites

Pelo erro, parece que está dando erro no momento do "JSON.parse(c)"

Dá uma olhada no valor da variável "c" no momento do parse para ver o que o PHP está retornando.

Acho que o PHP pode não estar retornando um valor válido?

Share this post


Link to post
Share on other sites

estou fazendo assim, agora não retorna nenhum erro só que o resultado não aparece na div resultado, aparece apenas no console().

$(document).ready(function() {
        $("#resultado").typeahead({
            source: function(b, a) {
                $.ajax({
    url: "fetch.php",
    method: "POST",
    data: {
        query: b
    },
    dataType: "json",
    success: function(c) {
    console.log(c);
    $.each(c, function(i, data) { 
        $("#resultado").prepend(data);
    });
}
    })
            }
        })
    });

 

Share this post


Link to post
Share on other sites

Esse plugin tem uma opção

 

dataset.templates.suggestion onde você pode colocar o HTML que quiser.

você vai receber o JSON do backend, e ai você faz como precisar a sua imagem.

Share this post


Link to post
Share on other sites
// JSON: [{nome: "Bob", img: "aa.jpg"}]

$('input').typeahead(null, {
    display: 'nome',
    source: source,
    templates: {
      empty: '<div>Nenhum resultado</div>',
      suggestion: Handlebars.compile('<div><strong>{{nome}}</strong> – <img src="{{img}}" /></div>')
    }
});

 

Share this post


Link to post
Share on other sites

como faria para adptar seu código no meu que postei?

 

$("#resultado").typeahead({
                source: function(b, a) {
                    $.ajax({
                        url: "fetch.php",
                        method: "POST",
                        data: {
                            query: b
                        },
                        dataType: "json",
                        success: function(c) {
                            a($.map(c, function(d) {
                                return d
                            }))
                        }
                    })
                }
            })

        });

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Ak_Ray
      Olá, estou com problemas para fazer conexão com a minha conta adm e acessar a página que desejo. Testei o código em um servidor local criado pelo xampp e funciona normalmente, mas foi só fazer um upload para a web e parou de funcionar. Erro: 
       
      Warning: session_start(): Cannot start session when headers already sent in [...] on line28
       
      Código (página de acesso) -------------------------------------------------------------------------------------
      <?php
      require_once '../../Controller/adm-login/checarexistencia.php';
      $u = new Usuario;?>
      <html lang="pt-br">
      <head>
      <link rel="shortcut icon" href="../../Model/img/cadeado.png">
      <meta charset="utf-8">
      <link rel="stylesheet" href="../../Model/estilo/estilodado.css" type="text/css" media="screen">
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
              integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
      <title> Dados Restritos </title>
      </head> <body>
        <div class="container">
          <div class="content first-content">           
                 <div class="second-column">
                  <p class="title1"> Usuário </p>
                  <form class="form" method="POST">
                    <label for="" class="label-input">
                      <i class="far fa-user"></i>
                    <input class="form-input" type="text" name="nome" required  placeholder="Usuario" maxlength="50"></label> 
                    <label for="" class="label-input">
                      <i class="fas fa-key"></i>
                    <input class="form-input" type="password" name="senha" required placeholder="Senha" maxlength="45"></label> 
                    <input class="btn" type="submit" value="Login">
      <?php
      if(isset($_POST['nome']))
       {
        $nome = addslashes($_POST['nome']);
        $senha = addslashes($_POST['senha']);
        //verificar se não está vázio
        if(!empty($nome) && !empty($senha))
        {
           //obs: deixei sem as informações de conexão com o banco, mas está conectando corretamente
           $u->conectar("#,"#","#,"#");
            if($u->msgErro == "")//se esta tudo ok
               {
            
               if($u->logar($nome,$senha)){
               header('Location: ../../View/dadosfiltrados.php');
          }
          else{
            ?>
              <div class="msg-erro">
              Usuario ou senha estão incorretos!
              </div>
            <?php
            }
           }
           else{
            ?> 
              <div class="msg-erro">
              <?php echo "Erro ".$u->msgERRO; ?>  
              </div>  
            <?php
           }
          }
          else{
            ?>
            <div class="msg-erro">
             Preencha todos os campos!
              </div>
          <?php
          }
      }
       ?></form></div></div>
      <a class="home animacao" href="../View/index.php"><img src="../../Model/img/home.png"></a>
      </body>
      </html>
      -------------------------------------------------------------------------------------------------------------------
       
      Código (checar existência de usuário) -----------------------------------------------------------------------
      <?php
      $mysqli = new PDO("mysql:dbname=#;host=#","#","#"); 
       class Usuario
      {
          private $pdo;
          public $msgErro = "";
          public function conectar($nome, $host, $usuario, $senha)
          {
              global $pdo;
              global $msgErro;
              try {
              $pdo = new PDO("mysql:dbname=".$nome.";host=".$host,$usuario,$senha);    
              } catch (PDOException $e) {
                  $msgErro = $e->getMessage(); 
              }
              
          }  
          public function logar($nome, $senha)
          {
              global $pdo;
             
              $sql = $pdo->prepare("SELECT * from admin where nome = :n and senha = :s");
              $sql->bindValue(":n",$nome);
              $sql->bindValue(":s",md5($senha));
              $sql->execute();
              if($sql->rowCount() > 0)
              {
                 $dado = $sql->fetch();
                 session_start();
                 $_SESSION['idadmin'] = $dado['idadmin'];
                 return true; 
              }
              else
              {
                 return false;
              }
          }
      }?>
    • By eduh.castro19
      Olá,boa noite a todos.
      Estou com um problema e já não sei como arrumar, toda vez que uso o a função =
       
      $json = file_get_contents('http://localhost/arquivo1.php'); $obj = json_decode($json); echo $obj->nome;  
      Ele me retorna um erro = ( Trying to get property 'name' of non-object in )
      Tenho 3 arquivos (Conexão.php,Arquivo1.php,Arquivo2.php)
      Eles estão assim:
       
      Arquivo1 =
      require('conexão.php'); while ($row = $usuarios->fetch(PDO::FETCH_ASSOC)) {      $nomex = $row['nome'];      $datax = $row['data'];       $encoda= array('nome' => $nomex, 'data' => $datax );     echo json_encode($encoda);} Arquivo2 =
      $json = file_get_contents('http://localhost/arquivo1.php'); $obj = json_decode($json); echo $obj->nome; echo json_last_error_msg(); O erro acontece no Arquivo2
      Já tentei por HTTP HEADER JSON Mas não adiantou,não sei mais o que fazer,se alguem puder ajudar. Agradecerei demais! Boa noite a todos.
       
       
       
    • By Diego_Sousa
      me ajudem pf, para o tcc
       
      me ajudem fiz o meu codigo mas ele fica colocando como "No database selected", sendo que tenho o meu MYSQL todo certo e funcionando (tanto pelo PHP MY ADMIN, como no normal) 
      segue o codigo:
       

       
      <?php class Banco { private $host = "localhost"; private $banco = "bancoTCC"; private $user = "root"; private $senha = ""; public $con; function conecta(){ $this->con = @mysqli_connect("$host", "$user", "$senha"); // Conecta ao Banco de Dados if(!$this->con){ // Caso ocorra um erro, exibe uma mensagem com o erro die ("Problemas com a conexão" . @mysqli_connect_error($this->con)); } } // método responsável para fechar a conexão function fechar(){ mysqli_close($this->con); return; } // método para executar o SELECT (consultar.php, verexclusao.php, veralteracao.php) function exersec($string,$texto){ //SQL String $resultado = @mysqli_query($this->con, $string); if (!$resultado) { echo '<input type="button" onclick="window.location='."'Index.php'".';" value="Voltar"><br /><br />'; die("Query Inválida:". @mysqli_error($this->con)); } else { echo "<b>$texto </b> - Realizada com Sucesso"; } $this->fechar(); // chama o método que fecha a conexão return; } function exerprin($string,$caminho){ //SQL Query // executando instrução SQL $resultado = @mysqli_query($this->con, $string); if (!$resultado) { echo '<input type="button" onclick="window.location='."'Index.php'".';" value="Voltar"><br /><br />'; die('<b>Query Inválida:</b>' . @mysqli_error($this->con)); } else { $num = @mysqli_num_rows($resultado); if ($num==0){ echo "<b>Código: </b>não localizado !!!!<br /><br />"; echo '<input type="button" onclick="window.location='."'$caminho'".';" value="Voltar"><br /><br />'; exit; }else{ $dados=mysqli_fetch_array($resultado); } $this->fechar(); // chama o método que fecha a conexão return $dados; } // método para executar o INSERT, UPDATE e DELETE (incluir.php, alterar.php, excluir.php) } } ?>  
       
       
       
       
       
       
       
       
       
      e da pagina na qual uso para inserir no banco
       
       
       
       
       
      <html> <head> <title> Dados salvos</title> </head> <body> <h3> Efetiva a inclusao dos dados </h3> <?php include('Geral.php'); //criando o objeto mysql e conectando ao banco de dados $mysql = new Banco(); $mysql->conecta(); // recuperando os dados de inclusao.php $Login = $_POST['Login']; $Senha = $_POST['Senha']; $Nome = $_POST['Nome']; $Nasc = $_POST['Nasc']; $E_mail = $_POST['E_mail']; $Sexo = $_POST['Sexo']; $CPF = $_POST['CPF']; // criando a linha de INSERT $sqlinsert = "insert into pessoa_fisica (Senha, Login, Nome, Nasc, E_mail, Sexo, CPF) values ('$Senha', '$Login', '$Nome', '$Nasc', '$E_mail', '$Sexo', '$CPF')"; // executando instrução SQL através do método sqlstring() que esta em conexao.php $resultado = $mysql->exersec($sqlinsert,"pessoa_fisica"); ?> <br /><br /> <form name="produto" action="ConsultaT1.php" method="post"> <b>Consulta de Dados</b> <input type="submit" value="PROXIMO"> </form> <form name="produto" action="DCuriculos.php" method="post"> <b>Inserir Curriculo</b> <input type="submit" value="PROXIMO"> </form> </body> </html>  
    • By Airton Gallego Neto
      OI sou airton, estou fazendo um projeto no bootstrap com banco de dados e queria saber o que é esse erro e como que eu faço pra resolver
       
      na tela de atualização de meu site aparece isso
      Notice: Undefined index: prod_desc in C:\xampp\htdocs\vendas\produto\insert.php on line 4

      Notice: Undefined index: prod_pre in C:\xampp\htdocs\vendas\produto\insert.php on line 5
      ERRO: Column count doesn't match value count at row 1
       sendo que meu codigo esta assim
       
      no insert:
      <?php     require '../conecta.php';       $descricao = $_POST['prod_desc'];     $valor = $_POST['prod_pre'];       $sql = "INSERT INTO produtos(prod_pre)             VALUES ($valor)";          //mysqli_query($link,$sql) or die("Falha ao inserir Produto");     mysqli_query($link,$sql);       echo "ERRO: " . mysqli_error($link);  
       
      e no update esta assim
      <?php     require '../conecta.php';          $descricao = $_POST['descricao'];     $valor = $_POST['valor_unitario'];     $id = $_POST['id_produto'];       $sql = "UPDATE produto             SET descricao = '$descricao',                 valor_unitario = $valor             WHERE id_produto = $id";     mysqli_query($link,$sql) or die("Falha ao editar Produto");       header('Location: index.php');  
       
       
       
       
       
       
       
          //header('Location: index.php');
    • By joaovitor102
      $_SESSION['cart'] = MD5('@?#'.$resp['cpfCliente'].'@'.date("d-m-Y H:i:s")); a nota pega esses dados porem não esta armazenando no bdds
      <?php require_once '../App/auth.php'; require_once '../layout/script.php'; require_once '../App/Models/cliente.class.php'; require_once '../App/Models/vendas.class.php'; echo $head; echo $header; echo $aside; ?> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> Vendas </h1> <ol class="breadcrumb"> <li><a href="../"><i class="fa fa-dashboard"></i>inicia</a></li> <li class="active">Vendas</li> </ol> </section> <!-- Main content --> <section class="content"> <?php require '../layout/alert.php'; ?> <!-- Small boxes (Stat box) --> <div class="row"> <div class="box box-primary"> <!-- /.box-header --> <div class="box-body"> <div class="row"> <div class="box-body"> <div class="col-xs-12 col-sm-12"> <?php if(isset($_SESSION['msg']) != NULL) { echo $_SESSION['msg']; } ?> </div> </div> <div class="row"> <div class="box-body"> <div class="col-xs-12 col-sm-12"> <div class="table-responsive"> <table id="mytable" class="table table-bordred table-striped" border="2"> <?php $cartvd = $_SESSION['notavd']; $vendas = new vendas; $row = $vendas->notavd($cartvd); $idNota=$row[0]['idvendas']; $cliente = new cliente; $dados = $cliente->dadoscliente($row[0]['cliente_idCliente']); ?> <tr> <h1 style=""><b>Nota de Venda- Dentista do Sorriso</b></h1> <td><b>Numero da Nota: </b><?php echo $idNota; ?> </td> <td colspan="5"> <b>Cliente: </b><?php echo $dados['NomeCliente']; ?> </br><b>CPF:</b> <?php echo connect::format_CPF($dados['cpfCliente']); ?> </td> <tr> <tr> <td><b>Cod.</b></td> <td><b>Produto</b></td> <td><b>Qtde</b></td> <td><b>Valor Produto.</b></td> </tr> <?php $soma = 0; foreach ($row as $key) { $vendas = new vendas; $dadosItem = $vendas->dadosItem($key["iditem"]); $nomeProduto = $dadosItem['NomeProduto']; echo "<tr>"; echo '<td>' .$key["iditem"]. '</td>'; echo '<td>' .$nomeProduto. '</td>'; echo '<td>'. $key["quantitens"] . '</td>'; echo '<td>'; echo connect::format_moeda($key['valor']); echo '</td>'; echo "</tr>"; $soma = $soma + $key["valor"]; } ?> <tr> <td colspan="4">Data: <?php echo date('d M Y'); ?> </td> <td><h4><b>Total:</b></h4> <?php echo connect::format_moeda($soma); ?></td> </tr> </table> </div> </div> </div> </div> </div> </div> </div> <a href="./"><button class="btm btm-success">Voltar</button></a> </section> </div> <?php unset($_SESSION['msg'],$_SESSION['CPF'], $_SESSION['Cliente'], $_POST); echo $footer; echo $javascript; ?> <!-- Fim no codigo --> public function notavd($cart){ $query = "SELECT * FROM `vendas` WHERE `cart` = '$cart'"; if($this->result = mysqli_query($this->SQL, $query) or die (mysqli_error($this->SQL))){ while($row = mysqli_fetch_array($this->result)){ $out[] = $row; } } return $out; }//--notavd Estou com um problema com o foreach
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.