como insertar imagenes para que aparezcan junto a las noticias

[rompeguesos]

Hola alguien me podria explicar como se hace para subir imagenes y hacer que aparezca junto a una noticia? ya tengo el sistema de noticias funcionando pero me gustaria que junto a una noticia saliera una imagen.

¿Alguna ayudita?

[ema21del9]

Necesito exactamente lo mismo pero no se como subir los archivos y poner el link.

[rompeguesos]

yo tengo ya las noticias y to funcionando lo unico que quiero es que se una a la noticia la imagen que suba junto a ella y no tengo ni idea de como hacer eso:D

[GatorV]

Eso lo haces en HTML, el subir la imagen los haces en PHP pero para mostrarlo necesitas ordenar bien tu HTML, para mostrarlo, puede ser en unos div, o con tables.

Saludos.

[ema21del9]

Yo igual, es que soy bastante nuevo en esto y tampoco se que función se usa para subir la imagen y obtener la ruta donde se guarda para armar el link.

[rompeguesos]

vale y cual es el codigo para poder subir la imagen?

[GatorV]

Revisa las FAQs del foro ahí viene explicado como puedes subir imagenes.

Saludos.

[harvestmoon]

if($nfilas>0)
{
print ("<TABLE border=1>\n");
print("<TR>\n");
print("<TH>subido por:</TH>\n");
print("<TH>fecha</TH>\n");
print("<TH>tema</TH>\n");
print("<TH>descripcion</TH>\n");
print("<TH>Archivo</TH>\n");
print("</TR>\n");

for($i=0;$i<$nfilas;$i++)
{
$resultado=mysql_fetch_array($consulta);
$resultado2=mysql_fetch_array($consultaalterna);
print("<TR>\n");
print("<TD>".$resultado2['nombre']."</TD>\n");
print("<TD>".date2string($resultado['fecha'])."</TD>\n");
print("<TD>".$resultado['tema']."</TD>\n");
print("<TD>".$resultado['descripcion']."</TD>\n");
if($resultado['contenidou']!="")
print("<TD><A TARGET='_blank' HREF='imagenes/".$resultado ['contenidou']."'><IMG BORDER='0' SRC='IMG/ico-fichero.gif' ALT='imagen asociada'></A></TD>\n");
else
print("<TD>$nbsp;</TD>\n");
print("</TR>\n");

}
print("</TABLE>\n");
print("<a HREF='index.php'> menu principal</a>\n");
}


donde esta eso
IMG/ico-fichero.gif' pones la ruta de tus imagenes y el archivo q kieres mostrar saludos espero te sirva

[Welling]

Mira si eres muy nuevo quizá peudas empezar no modificando el php de tu sistema de noticias sino que en la noticia escribas el código html para mostrar una imagen (<img src="url" alt="" />) y la posiciones como quieras con align, y para la url la subes por FTP o a un hosting de imagenes externo.

[rompeguesos]

no entiendo mucho... voy a ver en las faqs que dice que hay algo haber que encuentro pero volvere a preguntar algo seguro jejej

Hiuston tenemos un problema!! :D oye yo no veo cual delas explicaciones del faqs tiene que ver con lo que yo busco alguien me dice que numero es la que yo tengo que ver?

[GatorV]

12. ¿Cómo puedo subir archivos a través de un formulario?

Saludos.

[ema21del9]

Solo queria asegurarme, ya que hasta media hora no llego a casa, si el siguiente script que me arme leyendo FAQs esta relativamente funcional:

Formulario:

Código PHP:

  <form action="upload_script.php" method="post" enctype="multipart/form-data">
<b>Imágen:</b>
<input type="file" name="image">
<br><br>
<input type="submit" value="Aceptar">
<br><br>
<input type="reset" value="Cancelar">
</form> 
   

Script PHP:

Código PHP:

  <?php
 
if (eregi('image/',$_FILES['image']['type']))
{
move_uploaded_file($_FILES['image']['tmp_name'],time() ."_"."images/".$_FILES['image']['name']);
}
 
?>   

[rompeguesos]

Ya y ahora si eres tan amable me podrias decir como puedo adaptar el codigo que viene en ese manual que es este:

Código PHP:

  <?php 
if (isset($_POST['submit'])) {  
    if(is_uploaded_file($_FILES['fichero']['tmp_name'])) { // verifica haya sido cargado el archivo 
        if(move_uploaded_file($_FILES['fichero']['tmp_name'], $_FILES['fichero']['name'])) { // se coloca en su lugar final 
                    echo "<b>Upload exitoso!. Datos:</b><br>"; 
            echo "Nombre: <i><a href=\"".$_FILES['fichero']['name']."\">".$_FILES['fichero']['name']."</a></i><br>"; 
            echo "Tipo MIME: <i>".$_FILES['fichero']['type']."</i><br>"; 
                    echo "Peso: <i>".$_FILES['fichero']['size']." bytes</i><br>"; 
                        echo "<br><hr><br>"; 
        } 
    } 
 
// A continuación el formulario 
} 
?> 
 
<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" enctype="multipart/form-data"> 
    Archivo: <input name="fichero" type="file"> 
    <input name="submit" type="submit" value="Upload!">  
</form>  

con el formulario que yo ya estoy usando para incorporar las noticias que es este?:

Código PHP:

  <?php
// incluimos el archivo de conexion
include ('conexion.php');
// recibimos el formulario
if(isset($_POST['enviar']) && $_POST['enviar'] == 'Enviar'){
// comprobamos que el formulario no envie campos vacios
if(!empty($_POST['notTitulo']) && !empty($_POST['notTexto']) && 
!empty($_POST['notCategoriaID'])){
// creamos las variables y les asignamos los valores a insertar
$notTitulo = $_POST['notTitulo'];
$notTexto = $_POST['notTexto'];
$notCategoriaID = $_POST['notCategoriaID'];
//AddSlashes — Escapa una cadena insertando barras "\"
$notTitulo=addslashes($notTitulo);
$notTexto=addslashes($notTexto);
$notCategoriaID=addslashes($notCategoriaID);
// hacemos el INSERT en la BD
$sqlInsertNot = mysql_query("INSERT INTO sn_noticias
(notTitulo, notTexto, notCategoriaID)
VALUES ('$notTitulo', '$notTexto', '$notCategoriaID')",
$db_link) or die(mysql_error());
// enviamos un mensaje de exito
echo "La noticia ha sido enviada y publicada con éxito";
}else{
// si el formulario envia algun campo vacio
// enviamos un mensaje de error
echo "Debe llenar todos los campos del formulario y haber seleccionado una categoria.";
}
}
?>
 
<form name="noticia" action="<?php $_SERVER['PHP_SELF']; ?>" method="post">
<p>
T&iacute;tulo de la Noticia<br />
<input type="text" name="notTitulo" size="50" />
</p>
<p>
Texto de la Noticia<br />
<textarea name="notTexto" rows="10" cols="50"></textarea>
</p>
<p>
Categor&iacute;a<br />
<select name="notCategoriaID">
<option value="" selected="selected">Seleccionar categoría</option>
<?php
// asignamos una categoria a la noticia
// mediante un select
$sqlQueryCat = mysql_query("SELECT * FROM sn_categorias", $db_link)
or die(mysql_error());
// creamos un bucle while
// que nos muestre todas las categorias
// que tenemos guardadas en la BD
while($rowCat = mysql_fetch_array($sqlQueryCat)){
echo "<option value='$rowCat[cat_ID]'>$rowCat[catCategoria]</option>";
}
?>
</select>
</p>
<p>
<input type="submit" name="enviar" value="Enviar" />
</p>
</form>  

[Welling]

Esta sería una adaptacion que subiria las imagenes a la carpeta "imagenes" y guarda el nombre de la imagen en la tabla de MySQL en el cambio imagen (que deberías añadir) y luego quedaria modificar que al mostrar la noticia se mostrase la imagen que está en esa url.

Código PHP:

  <?php

include ('conexion.php');
$carpeta = 'imagenes/';
// recibimos el formulario
if(isset($_POST['enviar']) && $_POST['enviar'] == 'Enviar'){
    // comprobamos que el formulario no envie campos vacios
    if(!empty($_POST['notTitulo']) && !empty($_POST['notTexto']) && 
    !empty($_POST['notCategoriaID'])){
        // creamos las variables y les asignamos los valores a insertar
        $notTitulo = $_POST['notTitulo'];
        $notTexto = $_POST['notTexto'];
        $notCategoriaID = $_POST['notCategoriaID'];
        //AddSlashes — Escapa una cadena insertando barras "\"
        $notTitulo=addslashes($notTitulo);
        $notTexto=addslashes($notTexto);
        $notCategoriaID=addslashes($notCategoriaID);
        
        if(is_uploaded_file($_FILES['fichero']['tmp_name'])) {
            move_uploaded_file($_FILES['fichero']['tmp_name'], $carpeta.$_FILES['fichero']['name']); // se coloca en su lugar final
        }
        
        // hacemos el INSERT en la BD
        $sqlInsertNot = mysql_query("INSERT INTO sn_noticias
        (notTitulo, notTexto, notCategoriaID,imagen)
        VALUES ('$notTitulo', '$notTexto', '$notCategoriaID','".$_FILES['fichero']['name']."')",
        $db_link) or die(mysql_error());
        // enviamos un mensaje de exito
        echo "La noticia ha sido enviada y publicada con éxito";
    }else{
        echo "Debe llenar todos los campos del formulario y haber seleccionado una categoria.";
    }
}
?>

<form name="noticia" action="<?php $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<p>
T&iacute;tulo de la Noticia<br />
<input type="text" name="notTitulo" size="50" />
</p>
<p>
Texto de la Noticia<br />
<textarea name="notTexto" rows="10" cols="50"></textarea>
</p>
<p>
Categor&iacute;a<br />
<select name="notCategoriaID">
<option value="" selected="selected">Seleccionar categoría</option>
<?php
// asignamos una categoria a la noticia
// mediante un select
$sqlQueryCat = mysql_query("SELECT * FROM sn_categorias", $db_link)
or die(mysql_error());
// creamos un bucle while
// que nos muestre todas las categorias
// que tenemos guardadas en la BD
while($rowCat = mysql_fetch_array($sqlQueryCat)){
echo "<option value='$rowCat[cat_ID]'>$rowCat[catCategoria]</option>";
}
?>
</select>
</p>
<p>Archivo:<br />
<input name="fichero" type="file" /></p>
<p>
<input type="submit" name="enviar" value="Enviar" />
</p>
</form>  

[rompeguesos]

vale entonces por lo que veo tengo que crear un nuevo campo en la base de datos no? y si es asi que configuracion le pongo al crear el campo?

vale muchas gracias ya lo e probado y funciona muy bien se inserta la imagen en la carpeta y todo pero ahora lo que tengo que buscarme la vida pa ver como hago que aparezca junto a la noticia :D

hola amigos haber si ya con esta ultima cuestion termino de daros la lata.
Ya consigo guardar la imagen en la base de datos con el siguiente codigo:

add-noticia.php

Código PHP:

  <?php
 
include ('conexion.php');
$carpeta = 'imagenes/';
// recibimos el formulario
if(isset($_POST['enviar']) && $_POST['enviar'] == 'Enviar'){
    // comprobamos que el formulario no envie campos vacios
    if(!empty($_POST['notTitulo']) && !empty($_POST['notTexto']) && 
    !empty($_POST['notCategoriaID'])){
        // creamos las variables y les asignamos los valores a insertar
        $notTitulo = $_POST['notTitulo'];
        $notTexto = $_POST['notTexto'];
        $notCategoriaID = $_POST['notCategoriaID'];
        //AddSlashes — Escapa una cadena insertando barras "\"
        $notTitulo=addslashes($notTitulo);
        $notTexto=addslashes($notTexto);
        $notCategoriaID=addslashes($notCategoriaID);
        
        if(is_uploaded_file($_FILES['fichero']['tmp_name'])) {
            move_uploaded_file($_FILES['fichero']['tmp_name'], $carpeta.$_FILES['fichero']['name']); // se coloca en su lugar final
        }
        
        // hacemos el INSERT en la BD
        $sqlInsertNot = mysql_query("INSERT INTO sn_noticias
        (notTitulo, notTexto, notCategoriaID,imagen)
        VALUES ('$notTitulo', '$notTexto', '$notCategoriaID','".$_FILES['fichero']['name']."')",
        $db_link) or die(mysql_error());
        // enviamos un mensaje de exito
        echo "La noticia ha sido enviada y publicada con éxito";
    }else{
        echo "Debe llenar todos los campos del formulario y haber seleccionado una categoria.";
    }
}
?>
 
<form name="noticia" action="<?php $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<p>
T&iacute;tulo de la Noticia<br />
<input type="text" name="notTitulo" size="50" />
</p>
<p>
Texto de la Noticia<br />
<textarea name="notTexto" rows="10" cols="50"></textarea>
</p>
<p>
Categor&iacute;a<br />
<select name="notCategoriaID">
<option value="" selected="selected">Seleccionar categoría</option>
<?php
// asignamos una categoria a la noticia
// mediante un select
$sqlQueryCat = mysql_query("SELECT * FROM sn_categorias", $db_link)
or die(mysql_error());
// creamos un bucle while
// que nos muestre todas las categorias
// que tenemos guardadas en la BD
while($rowCat = mysql_fetch_array($sqlQueryCat)){
echo "<option value='$rowCat[cat_ID]'>$rowCat[catCategoria]</option>";
}
?>
</select>
</p>
<p>Archivo:<br />
<input name="fichero" type="file" /></p>
<p>
<input type="submit" name="enviar" value="Enviar" />
</p>
</form>  

pero ahora quiero que salga cada imagen con su noticia. El codigo que muestra las noticias es este:

list-noticia.php

Código PHP:

  <?php 
// verificamos si se ha enviado 
// alguna variable via GET 
if(isset($_GET['id']) && $_GET['categoria']){ 
// asignamos los valores 
// a las variables que usaremos 
$cat_ID = $_GET['id']; 
$categoria = $_GET['categoria']; 
$clausula = "WHERE notCategoriaID = '$cat_ID'"; 
// tambien armamos el titular de la pagina 
$titulo = "Noticias en la categoria $categoria"; 
}else{ 
// de lo contrario 
// el titulo sera general 
//$titulo = "Todas las noticias"; 
} 
// armamos la consulta 
$sqlQueryNot = mysql_query("SELECT notTitulo, notTexto FROM sn_noticias 
$clausula ORDER BY not_ID DESC LIMIT 3", $db_link) 
or die(mysql_error()); 
 
//echo "<p>$titulo</p>"; 
// mostramos las noticias, 
// otra vez usando un bucle while 
while($rowNot = mysql_fetch_array($sqlQueryNot)){  
echo "<p class=\Estilo1\"><hr>".stripslashes($rowNot['notTitulo'])."</p>"; 
echo nl2br(stripslashes($rowNot['notTexto']));  
}   
echo "<br/><hr>"; 
 
?>   

como hago para que se muestre la imagen junto a su noticia? agradecere cualquier ayuda ya que es lo ultimo para terminarlo.

[GatorV]

En tu select, selecciona Imagen también y agregala donde quieras mostrarla con un tag <img />

Saludos.

[rompeguesos]

mira lo e puesto asi:

Código PHP:

  // armamos la consulta 
$sqlQueryNot = mysql_query("SELECT notTitulo, notTexto, imagen FROM sn_noticias 
$clausula ORDER BY not_ID DESC LIMIT 3", $db_link) 
or die(mysql_error()); 
 
//echo "<p>$titulo</p>"; 
// mostramos las noticias, 
// otra vez usando un bucle while 
while($rowNot = mysql_fetch_array($sqlQueryNot)){  
echo "<p class=\Estilo1\"><hr>".stripslashes($rowNot['notTitulo'])."</p>"; 
echo nl2br(stripslashes($rowNot['notTexto'])); 
echo "<br/><img />"; 
}   
echo "<br/><hr>"; 
   

Asi es? si es asi no sale la imagen sale el cuadro ese de cuando no existe la imagen.

[GatorV]

Si ves la referencia de HTML, el tag <img /> requiere varios parámetros, como mínimo el src="" que es el path a la imagen.

Saludos.

[rompeguesos]

jejjee si si eso lo se siento mucho lo tonto que puedo llegar a ser pero creia que en php se hacia asi jeje. lo que no comprendo es como hago para que se diriga a la imagen?.

<img src=" aqui que pongo para que seleccione la imagen de la base de datos?" width="..." height="...">

no te preocupes por los puntos suspensivos de las medidas que se que hay que cambiarlos ;)

[GatorV]

Al igual que el otro texto:

Código php:

echo "<img src=\"" . $rowNot['imagen'] . "\" width=\"..\" height=\"..\" />";
 

Recuerda que PHP lo único que hace es imprimir HTML, es todo, por lo que todo lo que quieras ver de forma "visual" es HTML.

Saludos

[Welling]

Debes poner <img src="imagenes/$rowNot['imagen']" alt="Imagen de la noticia" />


Aprovecho para decirte que usar stripslashes() ahí es un tanto incorrecto porque no deberia ser necesitario si magic_quotes está off y se hace un addslashes() al insertar la noticia.

Edito: GatorV, te me adelantaste xD

[rompeguesos]

muchas gracias que sepas que eres un fenomeno :D y que gracias a este foro toy haciendo muchas cositas.

tengo un problema pongo esto:

echo "<img src=\"imagenes/".$rowNot['imagen']."\" alt=\"Imagen de la noticia\">";

pero no me muestra la noticia. que puedo hacer?

[GatorV]

Revisa que la ruta sea la correcta, lo puedes verificar dando boton derecho sobre la imagen y seleccionar ver Imagen, si no te la abre y te da error, es la ruta, verifica que esa sea la ruta a la que subes la imagen para desplegarla.

Saludos.

[colocolino73]

Hola *rompeguesos*, si estás usando una tabla para mostrar los datos puedes hacer esto

Código PHP:

 <td><img src="imagenes/<?=($rowNot['imagen']);?>" width="xxx" height="xxx" alt="Descripcion" /></td>  

Espero te sirva, de todos modos revisa que la ruta como dice GatorV sea la correcta.

[manumar]

Nove, aqui muchos tienen las webs hechas sin saber una m***

Leeros tutoriales hombre, que yo mira que soy nuevo, solo me lei un tutorial entero de php en noseque web y vaya...hay cosas que... hay que saberlas o intentarlas y no pedir para cada cosa que te la hagan ^^

[rompeguesos]

Hola amigos, ya e descubierto porque no salia la imagen, al insertar la imagen en la base de datos se cambia la extension del archivo es decir si es:

ejemplo.gif se cambia a ejemplo.g <-- le borra dos letras.

Se la e cambiado yo manualmente en la base de datos y le e añadido el .gif y se ve perfectamente, ¿A que puede ser debido este cambio?

[colocolino73]

Hola rompeguesos, es posible que cuando creaste el campo imagen no le diste espacio suficiente para el ingreso de caracteres por ejemplo si creaste 'imagen varchar(20)' prueba colocandole varchar(30) o el numero que creas sea el mas recomendable para que quepan todos los caracteres necesarios del nombre de la imágen... ahora si es extremadamente largo el nombre cambialo por uno mas pequeño o usa tex en los valores.

Saludos

Por cierto manumar, nadie ha nacido aprendido, si tu con sólo leerte un tutorial aprendiste a programar en PHP (a la perfección) te felicito, pero tu comentario en verdad me parece ofensivo y fuera de contexto ya que este es un foro para ayudar y colaborar con los demás o tu nunca pediste ayuda en este foro y/o nunca copiaste códigos de acá?.

Un abrazo

[rompeguesos]

Muhas gracias Colocolino73 gracias por todo ya lo habia cambiado al preguntar, me di cuenta de que puse para muy pocos caracteres. De todas formas gracias a todos incluido manumar. Si necesitais algo y yo o se no dudeis que os ayudare.

[manumar]

Ayudaria si me dejasen poner url, les pondria la url del tutorial con el que aprendi =)

Disculpad, solo quise ayudar y expresar un poco mi opinio, porque no me parece bien que, como aqui hay buena gente, y me van a responder, pues ala les pido el codigo a ellos ^^

Y lo del tutorial, lo dije para ayudar, porque muchas veces se preguntan cosas que ya estan muy comentadas y explicadas en los tutoriales, y preguntando, además de tener que esperar, haces que tengan mas trabajo los colaboradores y demás.

salu2