Foros del Web » Programando para Internet » PHP »

Como agrego vista de imagen

 Estas en el tema de Como agrego vista de imagen en el foro de PHP en Foros del Web. Hola buenas tardes,primeramente este codigo no es mio solo quiero adaptarlo para que tenga la visualizacion de imagenes tipo bloob. hay paso a explicar cada ...
  #1 (permalink)  
Antiguo 18/07/2017, 15:52
 
Fecha de Ingreso: octubre-2012
Mensajes: 8
Antigüedad: 11 años, 6 meses
Puntos: 0
Pregunta Como agrego vista de imagen
Hola buenas tardes,primeramente este codigo no es mio solo quiero adaptarlo para que tenga la visualizacion de imagenes tipo bloob. hay paso a explicar cada archivo .php.

tengo estos 3 archivos,

Agregar.php que contiene todo la parte de la conexion para agregar los datos a la base de datos llamada countries.

modal_agregar.php que contiene los datos que va a contener el boton agregar, para agregar un dato nuevo que se va a ver tipo una lista.

paises_ajax.php que va a enlistar los datos agregados y todo esto se va a ver en un archivo llamado index.php.

tengo una base de datos llamada countries que contiene estos datos:

countryCode, countryName, currencyCode, capital, continentName,foto (el campo foto obiamente es tipo blob)

lo que yo quiero hacer y me da error es que cuando agrege un dato tambien pueda agregar la imagen y esta que se almancen en tipo blob y que se vea en el listado.
este codigo como veran no es mio. queria adaptarlo para una web de noticias y queria que sea la parte de administracion para que yo pueda agregar las noticias e imagenes .

Este seria el index.php

Código PHP:

<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Cargar información dinámica en ventana modal Bootstrap con PHP,  MySQL y jQuery </title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  </head>
  <body>
  <?php include("modal_agregar.php");?>
  <?php include("modal_modificar.php");?>
  <?php include("modal_eliminar.php");?>
    <div class="container-fluid">
     
        <div class='col-xs-6'>    
            <h3> Listado de Países</h3>
        </div>
        <div class='col-xs-6'>
            <h3 class='text-right'>        
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#dataRegister"><i class='glyphicon glyphicon-plus'></i> Agregar</button>
            </h3>
        </div>    
        
      <div class="row">
        
        
        
        <div class="col-xs-12">
        <div id="loader" class="text-center"> <img src="loader.gif"></div>
        <div class="datos_ajax_delete"></div><!-- Datos ajax Final -->
        <div class="outer_div"></div><!-- Datos ajax Final -->
        </div>
      </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    <script src="js/app.js"></script>
    <script>
        $(document).ready(function(){
            load(1);
        });
    </script>
 </body>
</html>
Este seria modal_agregar.php que seria desde un boton agregar del index.php
Código PHP:
<form id="guardarDatos" >
<div class="modal fade" id="dataRegister" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">Agregar país</h4>
      </div>
      <div class="modal-body">
            <div id="datos_ajax_register"></div>
          <div class="form-group">
            <label for="codigo0" class="control-label">Código:</label>
            <input type="text" class="form-control" id="codigo0" name="codigo" required maxlength="2">
          </div>
          <div class="form-group">
            <label for="nombre0" class="control-label">Nombre:</label>
            <input type="text" class="form-control" id="nombre0" name="nombre" required maxlength="45">
          </div>
          <div class="form-group">
            <label for="moneda0" class="control-label">Moneda:</label>
            <input type="text" class="form-control" id="moneda0" name="moneda" required maxlength="3">
          </div>
          <div class="form-group">
            <label for="capital0" class="control-label">Capital:</label>
            <input type="text" class="form-control" id="capital0" name="capital" required maxlength="30"> 
          </div>
          <div class="form-group">
            <label for="continente0" class="control-label">Continente:</label>
            <input type="text" class="form-control" id="continente0" name="continente" required maxlength="15">
          </div>

       <div class="form-group"> 
            <input name="foto" type="file">
       </div>
         <br>
      

       </div>
      
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="submit" class="btn btn-primary">Guardar datos</button>
      </div>
    </div>
  </div>
</div>
</form> 
  #2 (permalink)  
Antiguo 18/07/2017, 15:53
 
Fecha de Ingreso: octubre-2012
Mensajes: 8
Antigüedad: 11 años, 6 meses
Puntos: 0
Pregunta Como agrego vista de imagen
Aca sigue el tema...

Este seria agregar.php donde estan los datos de la conexion

Código PHP:

# conectare la base de datos
   $con=@mysqli_connect('localhost', 'root ','xxxxxxxx', ' xxxxxxxx');
    if(!$con){
        die("imposible conectarse: ".mysqli_error($con));
    }
    if (@mysqli_connect_errno()) {
        die("Connect failed: ".mysqli_connect_errno()." : ". mysqli_connect_error());
    }
    /*Inicia validacion del lado del servidor*/
     if (empty($_POST['codigo'])){
            $errors[] = "Código vacío";
        } else if (empty($_POST['nombre'])){
            $errors[] = "Nombre vacío";
        } else if (empty($_POST['moneda'])){
            $errors[] = "Moneda vacío";
        } else if (empty($_POST['capital'])){
            $errors[] = "Capital vacío";
        } else if (empty($_POST['continente'])){
            $errors[] = "Continente vacío";
                  
        }   
         else if (
            !empty($_POST['codigo']) && 
            !empty($_POST['nombre']) &&
            !empty($_POST['moneda']) &&
            !empty($_POST['capital']) &&
            !empty($_POST['continente'])  


        ){

        // escaping, additionally removing everything that could be (html/javascript-) code
        $codigo=mysqli_real_escape_string($con,(strip_tags($_POST["codigo"],ENT_QUOTES)));
        $nombre=mysqli_real_escape_string($con,(strip_tags($_POST["nombre"],ENT_QUOTES)));
        $moneda=mysqli_real_escape_string($con,(strip_tags($_POST["moneda"],ENT_QUOTES)));
        $capital=mysqli_real_escape_string($con,(strip_tags($_POST["capital"],ENT_QUOTES)));
        $continente=mysqli_real_escape_string($con,(strip_tags($_POST["continente"],ENT_QUOTES)));
         
       
        $foto= $_FILES["foto"]["tmp_name"];
        $foto=$con->real_escape_string(file_get_contents($_FILES["foto"]["tmp_name"]));
        
      

     
      
        $sql="INSERT INTO countries (countryCode, countryName,     currencyCode, capital, continentName,foto ) VALUES ('".$codigo."','".$nombre."','".$moneda."', '".$capital."','".$continente."','".$foto."'  )";
        $query_update = mysqli_query($con,$sql);
            if ($query_update){
                $messages[] = "Los datos han sido guardados satisfactoriamente.";
            } else{
                $errors []= "Lo siento algo ha salido mal intenta nuevamente.".mysqli_error($con);
            }
        } else {
            $errors []= "Error desconocido.";
        }
        
        if (isset($errors)){
            
            ?>
            <div class="alert alert-danger" role="alert">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                    <strong>Error!</strong> 
                    <?php
                        foreach ($errors as $error) {
                                echo $error;
                            }
                        ?>
            </div>
            <?php
            }
            if (isset($messages)){
                
                ?>
                <div class="alert alert-success" role="alert">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <strong>¡Bien hecho!</strong>
                        <?php
                            foreach ($messages as $message) {
                                    echo $message;
                                }
                            ?>
                </div>
                <?php
            }
y por ultimo paises_ajax.php donde esta el listado de bueno los datos a mostrar.

Código PHP:
<?

    # conectare la base de datos
    $con=@mysqli_connect('localhost', ' ', ' ', ' ');
    if(!$con){
        die("imposible conectarse: ".mysqli_error($con));
    }
    if (@mysqli_connect_errno()) {
        die("Connect failed: ".mysqli_connect_errno()." : ". mysqli_connect_error());
    }
    $action = (isset($_REQUEST['action'])&& $_REQUEST['action'] !=NULL)?$_REQUEST['action']:'';
    if($action == 'ajax'){
        include 'pagination.php'; //incluir el archivo de paginación
        //las variables de paginación
        $page = (isset($_REQUEST['page']) && !empty($_REQUEST['page']))?$_REQUEST['page']:1;
        $per_page = 10; //la cantidad de registros que desea mostrar
        $adjacents  = 4; //brecha entre páginas después de varios adyacentes
        $offset = ($page - 1) * $per_page;
        //Cuenta el número total de filas de la tabla*/
        $count_query   = mysqli_query($con,"SELECT count(*) AS numrows FROM countries ");
        if ($row= mysqli_fetch_array($count_query)){$numrows = $row['numrows'];}
        $total_pages = ceil($numrows/$per_page);
        $reload = 'index.php';
        //consulta principal para recuperar los datos
        $query = mysqli_query($con,"SELECT * FROM countries  order by countryName LIMIT $offset,$per_page");
        
        if ($numrows>0){
            ?>
        <table class="table table-bordered">
              <thead>
                <tr>
                  <th>Código</th>
                  <th>Nombre</th>
                  <th>Moneda</th>
                  <th>Capital</th>
                  <th>Continente</th>
                  <th>imagen</th>
                </tr>
            </thead>
            <tbody>

            <?php
             $getIMGs = $con->query("SELECT * FROM  countries  ORDER BY id DESC");
            while($row = mysqli_fetch_array($query)){
                ?>
                <tr>
                    <td><?php echo $row['countryCode'];?></td>
                    <td><?php echo $row['countryName'];?></td>
                    <td><?php echo $row['currencyCode'];?></td>
                    <td><?php echo $row['capital'];?></td>
                    <td><?php echo $row['continentName'];?></td>
                    <td> <?php
                     while($showIMGs = $getIMGs->fetch_object()) {
                     echo '<div class="photo"><img src="data:image/png;base64,'.base64_encode($showIMGs->file).'"></div>';
                     }
                     ?></td>

                    <td>
                        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#dataUpdate" data-id="<?php echo $row['id']?>" data-codigo="<?php echo $row['countryCode']?>" data-nombre="<?php echo $row['countryName']?>" data-moneda="<?php echo $row['currencyCode']?>" data-capital="<?php echo $row['capital']?>" data-continente="<?php echo $row['continentName']?>"><i class='glyphicon glyphicon-edit'></i> Modificar</button>
                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#dataDelete" data-id="<?php echo $row['id']?>"  ><i class='glyphicon glyphicon-trash'></i> Eliminar</button>
                    </td>
                </tr>
                <?php
            }
            ?>
            </tbody>
        </table>
        <div class="table-pagination pull-right">
            <?php echo paginate($reload, $page, $total_pages, $adjacents);?>
        </div>
        
            <?php
            
        } else {
            ?>
            <div class="alert alert-warning alert-dismissable">
              <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
              <h4>Aviso!!!</h4> No hay datos para mostrar
            </div>
            <?php
        }
    }
?>
Se nota que intente hacer algo pero me da error. y no puedo ver la imagen
  #3 (permalink)  
Antiguo 18/07/2017, 15:57
 
Fecha de Ingreso: octubre-2012
Mensajes: 8
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Como agrego vista de imagen
aQUI PONGo en un link una imagen de lo que intente hacer. no tengo mucha idea de esto , solo es para una web de noticias,


https://ibb.co/bZA0aQ

Etiquetas: bd, mysql
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 17:29.