Autor Tema: Mostrar Imagenes Antes De Subir A La Bd (Leído 6368 veces)

zaida20 · « **en:** Lunes 2 de Julio de 2007, 15:14 »

Hola:

Tengo el sguiente código para subir imágenes a la bd:

subir_imagen.php

Código: Text

&#60;form action=&#34;subir_imagenes_con_ruta2.php&#34; method=&#34;post&#34; enctype=&#34;multipart/form-data&#34;&#62; 
    Archivo: &#60;input name=&#34;fichero&#34; type=&#34;file&#34;&#62; 
    &#60;input name=&#34;submit&#34; type=&#34;submit&#34; value=&#34;Enviar&#34;&#62;  
&#60;/form&#62; 
 

subir_imagen2.php

Código: Text

chmod('./imagenes/','0777');
if(&#036;_FILES['fichero']['name']!=NULL)
{
  &#036;uploadfile_temporal=&#036;_FILES['fichero']['tmp_name'];
  &#036;uploadfile_nombre=&#34;imagenes/&#34;.&#036;_FILES['fichero']['name'];
  &#036;ruta_foto='imagenes/'.&#036;_FILES['fichero']['name'];//recoge la ruta de la imagen(carpeta y nombre)
  
  if (is_uploaded_file(&#036;uploadfile_temporal))
  {
    move_uploaded_file(&#036;uploadfile_temporal,&#036;uploadfile_nombre);
    //echo &#34;ok&#34;;
  }
  else
  {
    echo &#34;error&#34;;
  }
//insertamos las imágenes en la bd
  &#036;sql=&#34;INSERT INTO img (foto) VALUES ('&#036;ruta_foto')&#34;;
    &#036;res = mysql_query(&#036;sql);
    if (!&#036;res)
      echo &#34;Error al ejecutar la consulta&#34;;
}
//hacemos la consulta
&#036;obtener_foto=&#34;select foto, id from img&#34;;
&#036;i=0;
&#036;consulta=mysql_query(&#036;obtener_foto,&#036;conexion)or die(mysql_error());;
if(&#036;consulta!=NULL)
{
  if(mysql_num_rows(&#036;consulta)!=0)
  {
      while(&#036;row=mysql_fetch_array(&#036;consulta))
      {
      &#036;imagen[&#036;i]=&#036;row['foto'];
      &#036;id=&#036;row['id'];
      &#036;size= getimagesize (&#036;imagen[&#036;i]);
      &#036;ancho[&#036;i]= (int) (&#036;size [0] * 0.3); 
      &#036;alto[&#036;i]= (int) (&#036;size [1] * 0.3); 
      &#036;i++;
      }
  }
}
 
?&#62;
 

Lo que necesito es que cuando yo elija la imagen que quiero subir y clice sobre abrir me vayan muestrando las imagenes que quiero insertar en el archivo donde se encuentra el form antes de darle a Enviar .

Alguna idea?
Gracias y saludos!!!

ibito · « **Respuesta #1 en:** Lunes 2 de Julio de 2007, 19:31 »

Lo que quieres se puede hacer con javascript
Ya intentaste en ¿Google?
El primer resultado es lo que buscas creo.

LeGatoRojo · « **Respuesta #2 en:** Lunes 2 de Julio de 2007, 23:05 »

creo que no esta muy claro...

ibito · « **Respuesta #3 en:** Lunes 2 de Julio de 2007, 23:38 »

Pues lo que debes hacer, es poner una etiqueta "img", después que en el onChange del "input file" debes poner que el "src" del "img" sea la dirección del archivo en tu pc local.

Código: Text

 
&#60;img src=&#34;&#34; id=&#34;img&#34; name=&#34;img&#34; width=&#34;350&#34; height=&#34;350&#34; /&#62;&#60;br /&#62;
 
&#60;input type=&#34;file&#34; name=&#34;file&#34; id=&#34;file&#34; onchange=&#34;document.getElementById('img').src='file:///'+document.getElementById('file').value; &#34; /&#62;

Pero por lo que he visto solo funciona en IE

zaida20 · « **Respuesta #4 en:** Martes 3 de Julio de 2007, 14:26 »

He conseguido que me visualice cada imagen que elijo para subir a la bd y no que me recargue la página cada vez que elijo una, éste es el código por si le sirve a alguien:

mostrar_imagen.php

Código: Text

&#60;?php
session_start();
?&#62;
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34;&#62;
&#60;html&#62;
&#60;head&#62;
&#60;title&#62;Documento sin t&iacute;tulo&#60;/title&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=iso-8859-1&#34; /&#62;
&#60;title&#62;Img Upload w/Preview&#60;/title&#62;
&#60;style type=&#34;text/css&#34;&#62;
&#60;!--
input {
   margin-top:10px;
   display: block;
   text-align:center;
}
form{
 text-align:center;
   width:400px;
   margin-left:auto;
   margin-right:auto;
}
--&#62;
&#60;/style&#62;
&#60;script language=&#34;javascript&#34;&#62;
  function refreshImg()
  {
  document.iframe_imagenes.location.href='imagenes.php?ruta='+document.form1.imageField.value;
   }
&#60;/script&#62;
&#60;/head&#62;
&#60;body&#62;
  &#60;form name=&#34;form1&#34; id=&#34;form1&#34; action=&#34;&#34; method=&#34;post&#34; 
enctype=&#34;multipart/form-data&#34; &#62;
  &#60;input name=&#34;imageField&#34; type=&#34;file&#34; onChange=&#34;refreshImg()&#34;&#62;
&#60;/form&#62;  
  &#60;iframe name=&#34;iframe_imagenes&#34; src=&#34;imagenes.php&#34;&#62;
  
  &#60;/iframe&#62;
&#60;/body&#62;
&#60;/html&#62; 
 

imagenes.php

Código: Text

&#60;?php
session_start();
&#036;ruta_imagen=&#036;_GET['ruta'];
if(&#036;ruta_imagen!=NULL)
{
if(&#036;_SESSION['foto']==NULL)
{
  &#036;rut=array();
  &#036;rutimagen[0]=&#036;ruta_imagen;
  &#036;_SESSION['foto']=&#036;rutimagen;
  &#036;popo=&#036;_SESSION['foto'];
}
else
{
  &#036;foto=&#036;_SESSION['foto'];
  &#036;num=count(&#036;foto);
  &#036;rutimagen=&#036;_SESSION['foto'];
  &#036;rutimagen[&#036;num]=&#036;ruta_imagen;
  &#036;_SESSION['foto']=&#036;rutimagen;
  &#036;popo=&#036;_SESSION['foto'];
}
  &#036;i=0;
  while(&#036;popo[&#036;i]!=NULL)
  {
    ?&#62;
    &#60;img src=&#34;&#60;?php echo &#036;popo[&#036;i];?&#62;&#34;&#62;
    &#60;?php
    &#036;i++;
  }
}
?&#62;
 

Saludos!!!

RadicalEd · « **Respuesta #5 en:** Martes 3 de Julio de 2007, 16:37 »

Cita de: "ibito"

Lo que quieres se puede hacer con javascript
Ya intentaste en ¿Google?
El primer resultado es lo que buscas creo.

Esta buena, gracias por esa ibito.

zaida20

Hola:
Una duda que tengo: al hacer un echo de la ruta de la imagen me aparece con doble \\, alguien me puede decir por qué? y si tiene algún problema a la hora de que funcione correctamente?

Saludos

F_Tanori · « **Respuesta #7 en:** Jueves 5 de Julio de 2007, 09:28 »

Puedes poner un ejemplo? de que es lo que te aparece

la ruta en el servidor o en el cliente?

Saludos

zaida20 · « **Respuesta #8 en:** Jueves 5 de Julio de 2007, 09:35 »

Hola de nuevo F_Tanori :

Me aparece cuando lo pruebo de manera local:

C:\\Archivos de programa\\ejemplos de pag web\\ejemplo\\

La ruta que me aprece es así, separa los directorios con dos \ y pienso que quizás pueda afectar al funcionamiento de la página.

Saludos!!!

F_Tanori · « **Respuesta #9 en:** Jueves 5 de Julio de 2007, 10:33 »

Hola:

Cuando estan dentro de una cadena se utiliza la "\" como caracter de "escape"

lee esto

http://foros.solocodigo.com/index.php?showtopic=29957&hl=
http://foros.solocodigo.com/index.php?showtopic=29978&hl=

es lo mismo para php

Código: Text

 
&#036;URL=&#34;C:&#092;&#092;Archivos de programa&#092;&#092;ejemplos de pag web&#092;&#092;ejemplo&#092;&#092;&#34;;
echo &#036;URL;

resultado:

Código: Text

 
C:&#092;Archivos de programa&#092;ejemplos de pag web&#092;ejemplo&#092;
 

Saludos

zaida20

duda resuelta!!!

De nuevo mil gracias por tu ayuda F_Tanori!!!!

Saludos!!!!

zaida20

Hola:
tengo otra duda más, necesito que antes de mostrarme la imagen que voy a subir a la base de datos me valide si está dañada o no, es decir, que se pueda visualizar la imagen sin problemas.
¿Cómo puedo hacerlo?

El código que tengo es éste:

Código: Text

&#60;?php
session_start();
&#036;ruta_imagen=&#036;_GET['ruta'];
if(&#036;ruta_imagen!=NULL)
{
if(&#036;_SESSION['foto']==NULL)
{
  &#036;rut=array();
  &#036;rutimagen[0]=&#036;ruta_imagen;
  &#036;_SESSION['foto']=&#036;rutimagen;
  &#036;popo=&#036;_SESSION['foto'];
}
else
{
  &#036;foto=&#036;_SESSION['foto'];
  &#036;num=count(&#036;foto);
  &#036;rutimagen=&#036;_SESSION['foto'];
  &#036;rutimagen[&#036;num]=&#036;ruta_imagen;
  &#036;_SESSION['foto']=&#036;rutimagen;
  &#036;popo=&#036;_SESSION['foto'];
}
 
  
}
?&#62;
&#60;html&#62;
        &#60;table width=&#34;265&#34; height=&#34;80&#34; border=&#34;0&#34; cellpadding=&#34;0&#34; cellspacing=&#34;0&#34;&#62;
          &#60;?php
      &#036;i=0;
  while(&#036;popo[&#036;i]!=NULL)
  {
    &#036;size=getimagesize(&#036;popo[&#036;i]);
    &#036;ancho[&#036;i]=(int) (&#036;size [0]* 0.5);
    &#036;alto[&#036;i] =(int) (&#036;size [1]* 0.5);
    ?&#62;
          &#60;tr&#62;
            &#60;td&#62;&#60;img src=&#34;&#60;?php echo &#036;popo[&#036;i]; ?&#62;&#34; width=&#34;&#60;?php echo &#036;ancho[&#036;i]; ?&#62;&#34;  height=&#34;&#60;?php echo &#036;ancho[&#036;i]; ?&#62;&#34;&#62;
&#60;/td&#62;
          &#60;/tr&#62;
          &#60;tr&#62;
            &#60;td height=&#34;1&#34; bgcolor=&#34;#CCCCCC&#34;&#62;&#60;img src=&#34;../img/transparente.gif&#34; width=&#34;50&#34; height=&#34;1&#34;&#62;&#60;/td&#62;
          &#60;/tr&#62;
      &#60;?php
      &#036;i++;
      }
      ?&#62;
        &#60;/table&#62;
&#60;/html&#62;
 

Muchisimas gracias
Saludos

Altareum

Pues, ya lo estás haciendo-.... La función getimagesize verifica que el archivo no esté corrupto:

Citar

Si no es posible acceder a la imagen nombre_archivo, o si no es una imagen válida, getimagesize() devolverá FALSE y generará un error de nivel E_WARNING.

Por lo que deberías poner:

if( $size=getimagesize($popo[$i]) )

Altareum.

zaida20

Muchas gracias, lo probaré mañana en el trabajo.

Saludos!!!

zaida20

Perfecto Altareum!!!

Gracias por tu ayuda!!

Saludos!!

zaida20

Hola!!! Me surge otro problema:

Cuando la imagen está dañada o no es válida me aprece el siguiente error:
Warning: getimagesize(): Read error! in c:\directorio.... junto con un echo que he puesto, lo que necesito es que sólo aparezca el "echo" y no el error.

Y otra cosa más:
cada vez que insertas una imagen al visualizarla se crea una tabla dinamicamente, se colocan una al lado de otra de forma horizontal, el código que tengo es el siguiente(el mismo que antes pero modificado):

Código: Text

 &#60;?php
      &#036;i=0;
  while(&#036;popo[&#036;i]!=NULL)
  {
    &#036;size=getimagesize(&#036;popo[&#036;i]);
    if( &#036;size==true)
    {
    &#036;ancho=80;
    &#036;alto[&#036;i]=&#036;size[1]/(&#036;size[0]/&#036;ancho);
    
    }
    else
    {
      echo &#34;La imagen está dañada o no es válida, no puede subirse al servidor,por favor, elija otra&#34;;
    }
    ?&#62;
        &#60;table width=&#34;85&#34; border=&#34;1&#34; align=&#34;left&#34; cellpadding=&#34;0&#34; cellspacing=&#34;0&#34; bordercolor=&#34;#990000&#34; bgcolor=&#34;#ede4e4&#34;&#62;
          &#60;tr bordercolor=&#34;#ede4e4&#34;&#62; 
            &#60;td colspan=&#34;2&#34;&#62; 
              &#60;div align=&#34;center&#34;&#62;&#60;img src=&#34;&#60;?php echo &#036;popo[&#036;i]; ?&#62;&#34; width=&#34;&#60;?php echo &#036;ancho; ?&#62;&#34;  height=&#34;&#60;?php echo &#036;alto[&#036;i]; ?&#62;&#34;&#62;&#60;/div&#62;&#60;/td&#62;
          &#60;/tr&#62;
          &#60;tr bordercolor=&#34;#ede4e4&#34;&#62; 
            &#60;td width=&#34;20&#34;&#62; 
              &#60;div align=&#34;right&#34;&#62; 
                &#60;input type=&#34;checkbox&#34; name=&#34;checkbox&#34; value=&#34;checkbox&#34;&#62;
              &#60;/div&#62;&#60;/td&#62;
            &#60;td width=&#34;59&#34;&#62;&#60;font color=&#34;#990000&#34;&#62;Borrar&#60;/font&#62;&#60;/td&#62;
          &#60;/tr&#62;
        &#60;/table&#62;
        &#60;?php
      &#036;i++;
      }
      ?&#62;
 

El problema es que no todas las imágenes tienen el mismo alto, he estado mirando alguna función del array para que me devuelva el alto más grande y generar las tabls del tamaño de la imagen con más alto, pero no se cómo hacerlo puesto que sólo he encontado la función array_search pero no si se valdrá para lo que quiero.Espero que podaís ayudarme(y siento ser pesada

)

Muchas gracias y saludos

Altareum

Primero que nada, para solucionar el problema de la imágen intenta:

$size=@getimagesize($popo[$i]);

El símbolo @ antepuesto a una función le indica a php que no muestre el error.

Por otro lado, para las tablas, lo que puedes hacer es, en lugar de hacer una tabla por cada imágen, podrías poner una imágen dentro de un td de una misma tabla. De esta forma todas las celdas se acomodarán todas al mismo alto.

Altareum.

TBS

No me funcioan en Firefox

-DriverOp-

Si te refieres al código propuesto por ibito el día Julio 02, 2007 10:38 pm él mismo dice que solo funciona en IE.

PD: en Opera tampoco funciona.

SoloCodigo

Autor Tema: Mostrar Imagenes Antes De Subir A La Bd (Leído 6368 veces)

zaida20

Mostrar Imagenes Antes De Subir A La Bd

ibito

Re: Mostrar Imagenes Antes De Subir A La Bd

LeGatoRojo

Re: Mostrar Imagenes Antes De Subir A La Bd

ibito

Re: Mostrar Imagenes Antes De Subir A La Bd

zaida20

Re: Mostrar Imagenes Antes De Subir A La Bd

RadicalEd

Re: Mostrar Imagenes Antes De Subir A La Bd

zaida20

Re: Mostrar Imagenes Antes De Subir A La Bd

F_Tanori

Re: Mostrar Imagenes Antes De Subir A La Bd

zaida20

Re: Mostrar Imagenes Antes De Subir A La Bd

F_Tanori

Re: Mostrar Imagenes Antes De Subir A La Bd

zaida20

Re: Mostrar Imagenes Antes De Subir A La Bd

zaida20

Re: Mostrar Imagenes Antes De Subir A La Bd

Altareum

Re: Mostrar Imagenes Antes De Subir A La Bd

zaida20

Re: Mostrar Imagenes Antes De Subir A La Bd

zaida20

Re: Mostrar Imagenes Antes De Subir A La Bd

zaida20

Re: Mostrar Imagenes Antes De Subir A La Bd

Altareum

Re: Mostrar Imagenes Antes De Subir A La Bd

TBS

Re: Mostrar Imagenes Antes De Subir A La Bd

-DriverOp-

Re: Mostrar Imagenes Antes De Subir A La Bd