[SOLUCIONADO] Imagen cargada previamente en un input type

Landa11 · #1 (**permalink**) 28/04/2014, 12:36

Hola mi duda es la siguiente:

Al poner esto

Código HTML:

Ver original<input type="file" name="imagen" accept="image/jpeg, image/png" onKeyDown="return intro(event)"/>

aparece un mensaje que dice "Ningún archivo seleccionado" y es ahí donde se selecciona la imagen a cargar.

¿Mi duda es que si se puede cargar una imagen por default y al momento de seleccionar una imagen se cambie por esa nueva?

O en dado caso tengo que quitar mi condición de que no se seleccionó alguna imagen y deje guardar los demás datos sin la imagen.

Gracias por las alcaraciones

LuisUrrutia · #2 (**permalink**) 28/04/2014, 14:29

Lo quieres como para subir una imagen por defecto, por ejemplo, ¿Un avatar por defecto para un perfil?

Landa11 · #3 (**permalink**) 28/04/2014, 14:32

Te explico la dinámica: Es una BD en donde tengo que poner el tipo de producto que es y al final pido una imagen para visualizar ese producto, digamos que si no hay una imagen por defecto te deje guardar los datos ingresados.

El problema que tengo es que si quito mi validación de extensiones en PHP me dejará guardar cualquier archivo ¿me explico?

Sólo me gustaría saber cómo guardar una imagen por defecto si es que no cargan ninguna.

LuisUrrutia · #4 (**permalink**) 28/04/2014, 14:55

Lo que debes hacer es en tu servidor hacer una verificación, que en caso de no subirse una imagen, agregue en tu base de datos un valor por defecto, como podría ser "default.jpg" y en la ruta donde se encuentren estas imágenes efectivamente exista una que se llame "default.jpg" (Ej: http://tiendaonline.com/img/productos/default.jpg), entonces el usuario al visualizar el producto le aparecerá esa imagen.
Es mucho mas limpio que esperar que se guarde una imagen por defecto, de la forma en que tu lo planteas.
Ej:

Código PHP:

Ver originalif((!empty($_FILES["imagen"])) && ($_FILES['imagen']['error'] == 0)) {
    // Si entra aqui, significa que el usuario no subio ninguna imagen, por lo cual tu deberías agregar un valor por defecto, como el que te dije.
} else {
    // Aquí las validaciones de extensiones, y demas procedimientos en caso de que suba una imagen
}

Landa11 · #5 (**permalink**) 28/04/2014, 15:03

Veamos si te entendí por que me quedaron algunas pequeñas dudas referente a la imagen:

*La imagen default.jpg la debo de tener en mi carpeta de imagenes (donde guardo las demás)
*mi dirección seria ("imagenes/default.jpg") para mandarlo a llamar.

Código PHP:

Ver originalif((!empty($_FILES['imagen'])) && (&_FILES['imagen']['error'] == 0))
{
    $ruta = "imagenes/default.jpg"
}
else
{
   //Guardar Imagenes
 
//Array de archivos disponibles
$archivos_disp_ar = array('jpg', 'jpeg', 'gif', 'png', 'bmp', 'tif', 'tiff');
//Carpeta donde se guardan las imagenes
$ruta="imagenes";
//recibimos el campo de imagen
$archivo=$_FILES['imagen']['tmp_name'];
//guardamos el nombre original de la imagen en un archivo
$nombreArchivo=$_FILES['imagen']['name'];
move_uploaded_file($archivo,$ruta."/".$nombreArchivo);
$ruta=$ruta."/".$nombreArchivo;
$id_imagen=rand(1,1000);
 
if($_FILES['imagen']['type'] != 'image/jpeg' && $_FILES['imagen']['type'] != 'image/png')
{
    echo "<meta http-equiv='REFRESH' content='0 ; url=index.html'>
            <script>
                alert('Error con el archivo seleccionado. Ingrese una imagen válida');
            </script>";
}
else
{
 
$agregar = mysql_query("INSERT INTO lista_productos (id_sucursal, cantidad, producto, marca, modelo, observaciones, categoria, id_imagen, imagen) VALUES ('$id_sucursal', '$cantidad', '$producto', '$marca', '$modelo', '$observaciones', '$categoria', '$id_imagen', '$ruta')");
 
}

LuisUrrutia · #6 (**permalink**) 28/04/2014, 15:16

Si, muy similar, lo corregiré porque yo me equivoque al colocar los comentarios en el post de arriba, iban al revés, lo editaré apenas comente esto.

Código PHP:

Ver originalif((!empty($_FILES['imagen'])) && ($_FILES['imagen']['error'] == 0))
{
    if($_FILES['imagen']['type'] != 'image/jpeg' && $_FILES['imagen']['type'] != 'image/png')
    {
        echo "<meta http-equiv='REFRESH' content='0 ; url=index.html'>
            <script>
                alert('Error con el archivo seleccionado. Ingrese una imagen válida');
            </script>";
    }
    else
    {
        //Array de archivos disponibles
        $archivos_disp_ar = array('jpg', 'jpeg', 'gif', 'png', 'bmp', 'tif', 'tiff');
        //Carpeta donde se guardan las imagenes
        $ruta="imagenes";
        //recibimos el campo de imagen
        $archivo=$_FILES['imagen']['tmp_name'];
        //guardamos el nombre original de la imagen en un archivo
        $nombreArchivo=$_FILES['imagen']['name'];
 
        $ruta=$ruta."/".$nombreArchivo;
        $id_imagen=rand(1,1000);
        move_uploaded_file($archivo,$ruta."/".$nombreArchivo);
    }
}
else
{
    $ruta = "imagenes/default.jpg"
}
$agregar = mysql_query("INSERT INTO lista_productos (id_sucursal, cantidad, producto, marca, modelo, observaciones, categoria, id_imagen, imagen) VALUES ('$id_sucursal', '$cantidad', '$producto', '$marca', '$modelo', '$observaciones', '$categoria', '$id_imagen', '$ruta')");

Al parecer no puedo editar el comentario anterior >.<

Bueno aquí lo que hace es verificar si se subió algo, si se subió algo, hará la verificará si es PNG o JPG, si no lo es, mostrará tu mensaje de error, pero si corresponde a uno de esos archivos, lo subirá y por ultimo, realizará la inclusión a la base de datos.

Landa11 · #7 (**permalink**) 28/04/2014, 15:24

En vez de ir arriba va abajo la validación de la imagen de default.

Muy bien amigo, lo voy a insertar en mi código y a acomodarlo para ver que tal funciona, cualquier cosa lo posteo para que posteriormente me puedas seguir guiando.

Muchas gracias por tu ayuda!!!!!

LuisUrrutia · #8 (**permalink**) 28/04/2014, 15:28

De nada, pero un comentario, si te refieres a la validación de la imagen (jpg y png) es mejor que sea de esa forma, porque de otro modo, subirá la "imagen" (entre comillas, porque puede ser un archivo malicioso) antes de la validación, y no habrá servido para nada.

Landa11 · #9 (**permalink**) 28/04/2014, 15:34

Listo mi amigo ya quedó y está funcionando perfectamente... me mandaba un error con el id_imagen por que la tengo en random pero ya le agregué la sentencia para que siga agregando mas id's

Y ahorita checo si me está validando, probaré con documentos o archivos de texto haber si los bloquea.

Landa11 · #10 (**permalink**) 28/04/2014, 15:36

Ok ya lo probé y hay un pequeño problema que necesito checar:

Te manda el mensaje de que no es un archivo válido pero después te guarda el archivo pero no con la imagen y sale sólo una imagen blanca (supongo que es el archivo o el intento de guardar algo)

creo que faltaría una validación más o más bien acomodar las validaciones que ya tenemos hasta el momento

LuisUrrutia · #11 (**permalink**) 28/04/2014, 15:46

Postea como te quedo el código y como se llamaba el archivo que intentaste subir (con la extensión y todo)

Landa11 · #12 (**permalink**) 28/04/2014, 15:48

Código PHP:

Ver original<?php
 
// Conectando, seleccionando la base de datos
$link = mysql_connect('localhost', 'root', '')
    or die('No se pudo conectar: ' . mysql_error());
mysql_select_db('productos', $link) or die('No se pudo seleccionar la base de datos');
 
 
/*$link = mysql_connect('mysql.nixiweb.com','u702856234_regis','lic=bankai11*') or die('No se pudo conectar: '.mysql_error());
mysql_select_db('u702856234_regis', $link) or die('No se puedo conectar con la Base de Datos: '.mysql_error());*/
 
 
if($_POST['cantidad'] == "")
{
    //echo "<br /><center><p><h2>Los campos son necesarios favor de introducirlos. Puedes acceder haciendo <a href='index.html'>CLICK AQUÍ</a></h2></p></center>";
}
else
{
$id_sucursal = strip_tags($_POST['id_sucursal']);
$cantidad = strip_tags($_POST['cantidad']);
$producto = strip_tags($_POST['producto']);
$marca = strip_tags($_POST['marca']);
$modelo = strip_tags($_POST['modelo']);
$observaciones = strip_tags($_POST['observaciones']);
$categoria = strip_tags($_POST['categoria']);
 
if((!empty($_FILES['imagen'])) && ($_FILES['imagen']['error'] == 0))
{
    if($_FILES['imagen']['type'] != 'image/jpeg' && $_FILES['imagen']['type'] != 'image/png')
    {
        echo "<meta http-equiv='REFRESH' content='0 ; url=index.html'>
            <script>
                alert('Error con el archivo seleccionado. Ingrese una imagen válida');
            </script>";
    }
    else
    {
        //Array de archivos disponibles
        $archivos_disp_ar = array('jpg', 'jpeg', 'gif', 'png', 'bmp', 'tif', 'tiff');
        //Carpeta donde se guardan las imagenes
        $ruta="imagenes";
        //recibimos el campo de imagen
        $archivo=$_FILES['imagen']['tmp_name'];
        //guardamos el nombre original de la imagen en un archivo
        $nombreArchivo=$_FILES['imagen']['name'];
 
        $ruta=$ruta."/".$nombreArchivo;
        $id_imagen=rand(1,1000);
        move_uploaded_file($archivo,$ruta."/".$nombreArchivo);
    }
}
else
{
    $ruta = "imagenes/default.jpg";
    $id_imagen=rand(1,1000);
}
$agregar = mysql_query("INSERT INTO lista_productos (id_sucursal, cantidad, producto, marca, modelo, observaciones, categoria, id_imagen, imagen) VALUES ('$id_sucursal', '$cantidad', '$producto', '$marca', '$modelo', '$observaciones', '$categoria', '$id_imagen', '$ruta')");
 
 
if($agregar)
{
    echo 'Los datos fueron registrados correctamente ';
    echo '<br/>ID Sucursal: '.$id_sucursal;
    echo '<br/>Cantidad: '.$cantidad;
    echo '<br/>Producto: '.$producto;
    echo '<br/>Marca: '.$marca;
    echo '<br/>Modelo: '.$modelo;
    echo '<br/>Observaciones: '.$observaciones;
    echo '<br/>Categoria: '.$categoria;
    echo '<br/>ID Imagen: '.$id_imagen;
    echo '<br/>Imagen: '.$ruta;
}
else
{
    echo 'Hubo problemas al registrar los datos: '.@mysql_error();
}
 
//Código para guardar la imagen
if($agregar)
{
    echo "<html>
        <head>
        </head>
        <body>
        <meta charset='utf-8' charset='iso-8859-1' content='' http-equiv='content-type'>
            <meta http-equiv='REFRESH' content='0 ; url=verDatos.php'>
            <script>
                alert('Imagen insertada con exito');
            </script>
        </body>
</html>";
}
else
{
    echo "<html>
        <head>
        </head>
        <body>
            <meta http-equiv='REFRESH' content='0 ; url=verDatos.php'>
            <script>
                alert('La insercion Fallo');
            </script>
        </body>
    </html>";
}
//}
}
mysql_close();
?>

Landa11 · #13 (**permalink**) 28/04/2014, 15:50

subí un archivo .txt y ahorita probaré con un archivo txt pero con la extensión jpg para ver si lo reconoce y lo invalida.

En mi BD guarda todo menos la ruta de la imagen y me manda errores en el id_imagen y ruta del INSERT y en el último echo que hago también de esos dos campos

LuisUrrutia · #14 (**permalink**) 28/04/2014, 15:58

Primero que todo, cambia todas tus contraseñas que sean "lic=bankai11*" porque en el código que publicaste aparece, y eso hazlo ahora ¡YA!
Segundo, intenta con este codigo

Código PHP:

Ver original$valido = true;
$id_imagen=rand(1,1000);
if((!empty($_FILES['imagen'])) && ($_FILES['imagen']['error'] == 0))
{
    if($_FILES['imagen']['type'] != 'image/jpeg' && $_FILES['imagen']['type'] != 'image/png')
    {
        $valido = false;
        echo "<meta http-equiv='REFRESH' content='0 ; url=index.html'>
            <script>
                alert('Error con el archivo seleccionado. Ingrese una imagen válida');
            </script>";
    }
    else
    {
        //Array de archivos disponibles
        $archivos_disp_ar = array('jpg', 'jpeg', 'gif', 'png', 'bmp', 'tif', 'tiff');
        //Carpeta donde se guardan las imagenes
        $ruta="imagenes";
        //recibimos el campo de imagen
        $archivo=$_FILES['imagen']['tmp_name'];
        //guardamos el nombre original de la imagen en un archivo
        $nombreArchivo=$_FILES['imagen']['name'];
        $ruta=$ruta."/".$nombreArchivo;
        move_uploaded_file($archivo,$ruta."/".$nombreArchivo);
    }
}
else
{
    $ruta = "imagenes/default.jpg"
}
 
if($valido==true)
{
    $agregar = mysql_query("INSERT INTO lista_productos (id_sucursal, cantidad, producto, marca, modelo, observaciones, categoria, id_imagen, imagen) VALUES ('$id_sucursal', '$cantidad', '$producto', '$marca', '$modelo', '$observaciones', '$categoria', '$id_imagen', '$ruta')");}
}

Landa11 · #15 (**permalink**) 28/04/2014, 16:01

Listo, se me fue ese dato pero ya los cambie, gracias por el dato.

Ahora deja checo el código para ver cómo funcina y te posteo en unos minutos!!!!!

Landa11 · #16 (**permalink**) 28/04/2014, 16:09

Muy bien, sin insertar imagen ya quedó y sin problemas.

Al ingresar un archivo diferente me manda un error en mis lineas de la variable agregar (Ln: 63 y 82) es donde se encuentran los if's

Landa11 · #17 (**permalink**) 28/04/2014, 16:39

Ah ya chequé el problema y era una llave del primer else la cerré hasta abajo y quité lo último del mensaje de guardado de imagenes.

Ahora surge otro problema en mi linea 50 con esto:

Código PHP:

Ver originalmove_uploaded_file($archivo,$ruta."/".$nombreArchivo);

move_uploaded_file(ruta de la imagen seleccionada a guardar) failed to open stream: No such file or directory

creo que lo está tomando dos veces el valor de la imagen, voy a checar de donde.

LuisUrrutia · #18 (**permalink**) 28/04/2014, 17:04

¿En que parte tienes el archivo .php?
Ej:

Código PHP:

Ver original/
   /panel/
   /imagenes/
       default.jpg
   /css/
   /js/
   index.php

Landa11 · #19 (**permalink**) 28/04/2014, 17:07

tengo una carpeta llamada registro\insertar.php y en la misma carpeta tengo registro\imagenes\

LuisUrrutia · #20 (**permalink**) 30/04/2014, 07:50

Prueba reemplazar

Código PHP:

Ver original$archivo=$_FILES['imagen']['tmp_name'];

por esto

Código PHP:

Ver original$archivo=basename($_FILES['imagen']['tmp_name']);

Landa11 · #21 (**permalink**) 30/04/2014, 08:12

Código PHP:

Ver originalif($_POST['cantidad'] == "" || $_POST['producto'] == "" || $_POST['marca'] == "" || $_POST['modelo'] == "" || $_POST['observaciones'] == "" || $_POST['categoria'] == "")
{
    echo "<meta http-equiv='REFRESH' content='0 ; url=index.html'
    <script>
    alert('Algún campo está vacío, por favor inserte los datos.');
    </script>";
}
else
{
$id_sucursal = strip_tags($_POST['id_sucursal']);
$cantidad = strip_tags($_POST['cantidad']);
$producto = strip_tags($_POST['producto']);
$marca = strip_tags($_POST['marca']);
$modelo = strip_tags($_POST['modelo']);
$observaciones = strip_tags($_POST['observaciones']);
$categoria = strip_tags($_POST['categoria']);
 
$valido = true;
if((!empty($_FILES['imagen'])) && ($_FILES['imagen']['error'] == 0))
{
    if($_FILES['imagen']['type'] != 'image/jpeg' && $_FILES['imagen']['type'] != 'image/png')
    {
        
        $valido = false;
        echo "<meta http-equiv='REFRESH' content='0 ; url=index.html'>
            <script>
                alert('Error con el archivo seleccionado. Ingrese una imagen válida');
            </script>";
    }
    else
    {
        //Array de archivos disponibles
        $archivos_disp_ar = array('jpg', 'jpeg', 'gif', 'png', 'bmp', 'tif', 'tiff');
        //Carpeta donde se guardan las imagenes
        $ruta="imagenes";
        //recibimos el campo de imagen
        $archivo=$_FILES['imagen']['tmp_name'];
        //guardamos el nombre original de la imagen en un archivo
        $nombreArchivo=$_FILES['imagen']['name'];
        $ruta=$ruta."/".$nombreArchivo;
        move_uploaded_file($_FILES['imagen']['tmp_name'],'imagenes/'.$_FILES['imagen']['name']);
        move_uploaded_file($archivo,$ruta."/".$nombreArchivo);
        $id_imagen=rand(1,1000);
    }
}
else
{
    $ruta = "imagenes/default.jpg";
    $id_imagen=rand(1,1000);
}
 
if($valido==true)
{
$agregar = mysql_query("INSERT INTO lista_productos (id_sucursal, cantidad, producto, marca, modelo, observaciones, categoria, id_imagen, imagen) VALUES ('$id_sucursal', '$cantidad', '$producto', '$marca', '$modelo', '$observaciones', '$categoria', '$id_imagen', '$ruta')");
}
    echo 'Los datos fueron registrados correctamente ';
    echo '<br/>ID Sucursal: '.$id_sucursal;
    echo '<br/>Cantidad: '.$cantidad;
    echo '<br/>Producto: '.$producto;
    echo '<br/>Marca: '.$marca;
    echo '<br/>Modelo: '.$modelo;
    echo '<br/>Observaciones: '.$observaciones;
    echo '<br/>Categoria: '.$categoria;
    echo '<br/>ID Imagen: '.$id_imagen;
    echo "<br/><img src='$ruta' width='180' height='150'><br>Imagen: ".$ruta;
    echo "<meta http-equiv='REFRESH' content='0 ; url=verDatos.php'>
            <script>
                alert('Datos Ingresados Con Éxito');
            </script>";
}
mysql_close();
?>

Landa11 · #22 (**permalink**) 30/04/2014, 08:15

Ya me quedó amigo, ahí está el código :)

en el primer if tuve que poner

Código PHP:

Ver originalif($_POST['cantidad'] == "" || $_POST['producto'] == "" || $_POST['marca'] == "" || $_POST['modelo'] == "" || $_POST['observaciones'] == "" || $_POST['categoria'] == "")

y después agregar:

Código PHP:

Ver originalmove_uploaded_file($_FILES['imagen']['tmp_name'],'imagenes/'.$_FILES['imagen']['name']);

y después del else 'le agregué el

Código PHP:

Ver original$id_imagen=rand(1,1000);