Mostrar Imagenes Antes De Subir A La Bd

[zaida]

Hola:

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

subir_imagen.php

Código HTML:

<form action="subir_imagenes_con_ruta2.php" method="post" enctype="multipart/form-data"> 
   Archivo: <input name="fichero" type="file"> 
   <input name="submit" type="submit" value="Enviar">  
</form> 

subir_imagen2.php

Código PHP:

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

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!!!

[jerkan]

Hola Zaida, no sé si entendí bien. ¿Quieres hacer como como un preview de las imágenes que seleccionas antes de subirlas?

[Manu_Leon]

Eso es máspara javascript, no para PHP, si entendí bien lo que quieres hacer, es por ejemplo, que en un formulario, cuando seleccionas el archivo con un <input type="file">. En un cuadro al lado salga la foto que has seleccionado.
Eso no es mas que crear una imagen al lado <img src="" name="img_preview">
al hacer onchange() en el <input type=file> cambiar el src de la imagen.

Para que s evea directamente del ordenador del cliente, sin haberlo subido al servidor, debes poner una ruta del tipo file:///C:/ruta/imagen.jpg

teniendo en cuenta que el value del <input type=file> será C:\ruta\imagen.jpg, deberás cambiar las \ por / e introducir al principio file:///

todo ello desde javascript, no desde PHP, si es que lo entendi bien.

[caricatos]

Hola:

Hay un artículo que lo explica bastante bien: Revisar las imágenes antes de subirlas... tiena parte javascript (of course) y otra parte php.

Saludos

[zaida]

Muchas gracias a los tres es justo lo que quería!!!
Saludos!!!

[TBS]

:( alguien sabe como funcionaria en firefox...