ingresar varias imágenes a base de dtos

[diegodelpiero]

saludos, tengo un problema puesto que no se como hacer para ingresar varias imagenes a una base de datos, el ejercicio es el siguiente.

el ejercicio trata de hacer un catalogo de vehiculos disponibles par ala venta en un almacen, tengo una unica tabla llamada vehiculos con todos los datos generales del vehiculo, ahora al diligenciar el formulario necesito que se puedan adjuntar VARIAS fotos de dicho vechiculo, logre mover las imagenes a una ruta especifica, pero no se como hacer con la base de datos? creo varios campos llamados imagen 1, imagen 2 etc en la bd? o como podria hacer?

el codigo del forrmulario es el siguiente:

Código HTML:

<form method="post" enctype="multipart/form-data">
                	<table  border="0" align="center">
                    	<tr>
                        	<td style="text-align:right">Marca</td>
                            <td align="left"><input type="text" name="marca"style="width:300px"></td>
                        </tr>
                        <tr>
                        	<td style="text-align:right">Linea</td>
                            <td><input type="text" name="linea"style="width:500px"></td>
                        </tr>
                        <tr>
                        	<td style="text-align:right">Modelo</td>
                            <td align="left"><input type="text" name="modelo" style="width:80px"></td>
                        </tr>
                        <tr>
                        	<td style="text-align:right">Kilometraje</td>
                            <td align="left"><input type="text" name="kilometraje" style="width:80px">Kilometros</td>
                        </tr>
                        <tr>
                        	<td style="text-align:right">Precio</td>
                            <td align="left"><input type="text" name="precio" style="width:80px"></td>
                        </tr>
                        <tr>
                        	<td style="text-align:right">Imagenes</td>
                            <td align="left"><input type="file" name="archivo[]" multiple="multiple" style="width:200px"></td>
                        </tr>
                        <tr>
                        	<td style="text-align:right">Descripción</td>
                            <td><textarea name="descipcion" cols="30" rows="4" id="message" style="width:500px"></textarea></td>
                        </tr>
                    </table>
                     <input type="submit" name="enviar" value="Enviar">
                    
                </form> 

el codigo con el cual muevo las imagenes a mi carpeta es el siguiente:

Código PHP:

  # definimos la carpeta destino 
                 $carpetaDestino="archivos/"; 
                 if (isset($_POST['enviar'])) 
                 { 
                    # si hay algun archivo que subir 
                    if($_FILES["archivo"]["name"][0]) 
                    { 
                         # recorremos todos los arhivos que se han subido 
                        for($i=0;$i<count($_FILES["archivo"]["name"]);$i++) 
                        { 
                             # si es un formato de imagen 
                            if($_FILES["archivo"]["type"][$i]=="image/jpeg" || $_FILES["archivo"]["type"][$i]=="image/pjpeg" || $_FILES["archivo"]["type"][$i]=="image/gif" || $_FILES["archivo"]["type"][$i]=="image/png") 
                            { 
                  
                                # si exsite la carpeta o se ha creado 
                                if(file_exists($carpetaDestino) || @mkdir($carpetaDestino)) 
                                { 
                                    $origen=$_FILES["archivo"]["tmp_name"][$i]; 
                                    $destino=$carpetaDestino.$_FILES["archivo"]["name"][$i]; 
                  
                                    # movemos el archivo 
                                    if(@move_uploaded_file($origen, $destino)) 
                                    { 
                                        echo "<br>".$_FILES["archivo"]["name"][$i]." movido correctamente"; 
                                    }else{ 
                                        echo "<br>No se ha podido mover el archivo: ".$_FILES["archivo"]["name"][$i]; 
                                    } 
                                }else{ 
                                    echo "<br>No se ha podido crear la carpeta: up/".$user; 
                                } 
                            }else{ 
                                echo "<br>".$_FILES["archivo"]["name"][$i]." - NO es imagen jpg"; 
                            } 
                        } 
                    }else{ 
                        echo "<br>No se ha subido ninguna imagen"; 
                    } 
                 } 
                                  
                ?>  
  

Se como hacer el ingreso a la base de datos y todo eso, pero no tengo mucha claridad como hacer para poder contar con todas las imagenes que ingrese.

Si fuese una sola imagen simplemente agrego un campo a la bd llamada imagen y copio el nombre del archivo, pero mi problema es como hacerlo con varias imagenes.

[juansemaster]

yo crearia una tabla exclusiva para las imagenes, despues si necesito relacionar con otras tablas, en la tabla imagen pondria campos para agrupar.

[chronos682]

Depende del número de imágenes que se puedan cargar y si va a ser un número fijo o variable. Podrías usar un campo por cada imagen, pero yo colocaría en un solo campo todos los nombres de las imágenes separados por comas.

[Uncontroled_Duck]

Buenas,

Otra alternativa para obtener en un array todas las url (algo similar a una petición a una db) puedes serializar los datos.

serialize, unserialize, json_encode, json_decode

Así no tendrás una limitación por el número de imágenes/campos.

Siempre contemplando que solo puedes usar una tabla.

Si puedes usar mas tablas, o las fotos asociadas van a ser muchas, sería interesante plantearse una tabla solo para esto.

Saludos,

[gasp200]

Iniciado por juansemaster

yo crearia una tabla exclusiva para las imagenes, despues si necesito relacionar con otras tablas, en la tabla imagen pondria campos para agrupar.

Hola, Estoy de acuerdo con juansemaster. Creas una tabla exclusiva para las imagenes con dos campos (lo mas basico, id, rutaimg), asi puedes identificar (hacer select para mostrar en un futuro) donde pertenece cada imagen y localizar dicha imagen, obteniendo la ruta (tambien podrias guardar solo el nombre de la imagen, especificando una variable $rutaimg que al mostrar la imagen quedaria mas o menos asi)

Código PHP:

echo '<img src="'.$rutaimg.$nombreimg.'">
 

espero te haya sido de ayuda.

[diegodelpiero]

Me asalta una duda, ya cree la tabla imágenes con in id y imagen, incorporando dentro del for la sentencia envió el nombre de cada imagen a la bd, pero me hago bolas al enviarle el id pero el del vehículo, osea el que se genera cunado ingreso un vehículo, el cual es autorincrementable, y ese es el que quiero enviar a la tabla id de imágenes, para poder relacionarlos..

porque se supone que solo después de que envio los datos del vehiculo es cuando obtengo el nuevo id, entonces como hago para enviarlo ese mismo id a la tabla de imagenes?

[chronos682]

Primero insertas los datos del vehículo en la tabla correspondiente, luego obtienes el último id generado con

mysqli_insert_id ($con)

Y luego insertas el id que acabaste de obtener con el nombre de cada imagen a guardar.

[diegodelpiero]

Listo ya lo he solucionado, ahora tengo otro problema, no quiero abrir otro hilo par ano saturar el foro, sucede que agregue dos tablas a mi base de datos, una llamada marcas, y otra llamada lineas, en teoría cada marca tiene varias lineas, por ejemplo chevrolet tiene el aveo, spark, sail. etc, la idea es poner un select que busque en la tabla marcas la marca, y luego despliegue en un segundo select las lineas de esa marca, he conseguido un código que lo hace por medio de ajax, ahor alo qu eno puedo es capturar o traer el id de la linea, aqui los codigos:

el fomulario inicial:

Código HTML:

<?php
                @$consulta2 = "SELECT * FROM marcas";
                $resultado2 = $conexion->query($consulta2);
                ?>
                <form method="post" enctype="multipart/form-data" name="form1">
                    <table  border="0" align="center">
                        <div>
                        <tr>
                            <td style="text-align:right">Marca</td>
                            <td align="left">
                            
                            <select name="marca" id="" onchange="from(document.form1.marca.value,'midiv','lineas.php')">
                                <option value="">Seleccione</option>
                                <?php
                                while($fila=mysqli_fetch_assoc($resultado2))
                                {
                                    echo "<option value='".$fila['id']."'>".$fila['nombre']."</option>";
                                }
                                ?>
                            </select>
                            </td>
                        </tr>
                        </div>
                        <tr>
                            <td style="text-align:right">Linea</td>
                            <td align="left" style="height:19px"><div id="midiv"></td>  
                        </div>
                        </tr>
                        
                        <tr>
                            <td style="text-align:right">Modelo</td>
                            <td align="left"><input type="text" name="modelo" style="width:80px"></td>
                        </tr>
                        <tr>
                            <td style="text-align:right">Kilometraje</td>
                            <td align="left"><input type="text" name="kilometraje" style="width:80px">Kilometros</td>
                        </tr>
                        <tr>
                            <td style="text-align:right">Precio</td>
                            <td align="left"><input type="text" name="precio" style="width:80px"></td>
                        </tr>
                        <tr>
                            <td style="text-align:right">Imagenes</td>
                            <td align="left"><input type="file" name="archivo[]" multiple style="width:200px"></td>
                        </tr>
                        <tr>
                            <td style="text-align:right">Descripción</td>
                            <td><textarea name="descipcion" cols="30" rows="4" id="message" style="width:500px"></textarea></td>
                        </tr>
                    </table>
                     <input type="submit" name="enviar" value="Enviar">
                    
                </form>
 

el archivo ajax:

Código Javascript:

unction obtiene_http_request()
{
var req = false;
try
  {
    req = new XMLHttpRequest(); /* p.e. Firefox */
  }
catch(err1)
  {
  try
    {
     req = new ActiveXObject("Msxml2.XMLHTTP");
  /* algunas versiones IE */
    }
  catch(err2)
    {
    try
      {
       req = new ActiveXObject("Microsoft.XMLHTTP");
  /* algunas versiones IE */
      }
      catch(err3)
        {
         req = false;
        }
    }
  }
return req;
}
var miPeticion = obtiene_http_request();
//***************************************************************************************
function from(id,ide,url){
        var mi_aleatorio=parseInt(Math.random()*99999999);//para que no guarde la página en el caché...
        var vinculo=url+"?id="+id+"&rand="+mi_aleatorio;
        //alert(vinculo);
        miPeticion.open("GET",vinculo,true);//ponemos true para que la petición sea asincrónica
        miPeticion.onreadystatechange=miPeticion.onreadystatechange=function(){
               if (miPeticion.readyState==4)
               {
                   //alert(miPeticion.readyState);
                       if (miPeticion.status==200)
                       {
                                //alert(miPeticion.status);
                               //var http=miPeticion.responseXML;
                               var http=miPeticion.responseText;
                               document.getElementById(ide).innerHTML= http;
 
                       }
               }/*else
               {
            document.getElementById(ide).innerHTML="<img src='ima/loading.gif' title='cargando...' />";
 
                }*/
       }
       miPeticion.send(null);
 
}
//************************************************************************************************
function limpiar()
{
    document.form.reset();
    
}
 

y el archivo lineas.php

Código PHP:

<?php require_once ('conexion/conexion.php');   
$id=$_GET['id'];
@$consulta2 = "SELECT * FROM lineas WHERE marcaId='".$id."'";
$resultado2 = $conexion->query($consulta2);
?>
<select>
    <option value="">Seleccione</option>
    <?php while($fila=mysqli_fetch_assoc($resultado2))
    { ?>
        <option><?php echo $fila['nombre']; ?></option>
    <?php } ?>
</select>
 

Como ven para almacenar estos datos en la tabla vehículo, capturo todos por valores por POST del formulario, pero el campo "linea" es traído desde un div "midiv" entonces no se como capturarlo, gracias

[diegodelpiero]

Porfavor alguien que me colabore.

[villagran_gg]

programandoointentandolo.com/2012/11/como-hacer-una-galeria-de-imagenes-en-php.html aqui lo hacen muy sencillo ocupando indispensablemente 2 archivos js y un foreach

[chronos682]

Aquí te paso este código para que lo estudies y lo implementes, está muy fácil de usar:

Este es el código de la página principal:

Código PHP:

<?php
    $mysql = new mysqli("localhost", "root", "", "prueba");
?>
<html>
    <head>
        <title></title>
        <script>
            function GetLinea(str) {
                if(window.XMLHttpRequest) {
                    xmlhttp = new XMLHttpRequest();
                }
                else if(window.ActiveXObject) {
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange = muestraContenido;
                xmlhttp.open("GET", "linea.php?marca=" + str, true);
                xmlhttp.send(null);
                
                function muestraContenido() {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        var srespuesta = xmlhttp.responseText;
                        document.getElementById("divlinea").innerHTML = srespuesta;
                    }
                }
            }
        </script>
    </head>
    <body>
        <form name="formulario" action="" method="post">
            <div style="float: left; margin-right: 15px;">
                <select name="marca" onchange="GetLinea(this.value)">
                    <option value="" selected>Seleccione...</option>
                    <?php
                        $sql = "SELECT * FROM Marca ORDER BY Marca ASC";
                        $result = $mysql->query($sql);
                        while ($row = $result->fetch_assoc())
                        {
                            echo "<option value='{$row['ID']}'>{$row['Marca']}</option>";
                        }
                    ?>
                </select>
            </div>
            <div id="divlinea">
                <select name="marca" onchange="GetLinea(this.value)">
                    <option value="" selected>Seleccione...</option>
                </select>
            </div>
        </form>
    </body>
</html>
 

Este es el código de la página que devuelve las líneas pertenecientes a una marca (linea.php):

Código PHP:

<?php
    $mysql = new mysqli("localhost", "root", "", "prueba"); 
    if (isset($_GET['marca']))
    {
        $marca = $_GET['marca'];
        $sql = "SELECT * FROM linea WHERE Marca = '{$marca}' ORDER BY Linea ASC";
        $result = $mysql->query($sql);
        echo "<select name='linea'>";
        echo "<option value='' selected>Seleccione...</option>";
        while ($row = $result->fetch_assoc())
        {
            echo "<option value='{$row['ID']}'>{$row['Linea']}</option>";
        }
        echo "</select>";
    }
?>
 

Ajústalos a tus necesidades.