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