
ayuda al ver imagen insertada
Publicado por julian (16 intervenciones) el 07/05/2013 22:17:06
hola tengo un formulario q puedo ingresar una imagen titulo y descripcion eso lo envio a una base y me lo inserta sin problema . lo q quiero es poder visualizar eso q inserte ej en un archivo ver articulos publicados y q me muestre todos y pueda acceder a ellos algo asi , bueno aqui van los codigos espewro puedan ayudamre saludos
cargar.html
mostrar.php
recibir.php
cargar.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script>function cargarModo(){
modo=formCli.txtmodo.value;
validoForm();
}
function validoForm(){
if (validoCamposOblig()== 1 ){
alert ("Publiacion finalizada con exito");
document.formCli.submit();
}else{
}
}
//aca agrego los campos q estan en el formulario q no pueden ser vacios , son iguales a como los llame en el formulario
function validoCamposOblig(){
formCli = document.getElementById('formCli');
if (formCli.titulo.value == "" ){
alert ("Ingrese el titulo");
}
//para agregar un nuevo campo de validacion pego la parte de un if y lo cierro abajo todo esto antes del return 0
if (formCli.descripcion.value == ""){
alert ("Ingrese descripcion ");
return 0;
} else {
return 1;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<form name="formCli" id="formCli" method="post" action="recibir.php"enctype="multipart/form-data">
<p>Seleccione la Imagen:
<input type="file" name="imagen"/>
</p>
Titulo
<input type="text" name="titulo" id="titulo" /><BR>
<p>Descripción:
<input type="text" name="descripcion" id="descripcion" /><BR>
<tr>
<td colspan="3"><label>
<div align="left">
<input type="button" value="Enviar" onClick="cargarModo()" >
<input type="hidden" size="2" name="txtmodo" value="">
</div>
</label></td>
</p>
<p> </p>
</form>
</body>
</html>
mostrar.php
1
2
3
4
5
6
7
8
9
<?php
$conexion=mysql_connect('localhost','root','root') or die('No hay conexión a la base de datos');
$db=mysql_select_db('base',$conexion)or die('no existe la base de datos.');
$consulta=mysql_query("select * from datos");
while($filas=mysql_fetch_array($consulta)){
$ruta=$filas['ruta'];
$titulo=$filas['titulo'];
$desc=$filas['descripcion'];
recibir.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
$conexion=mysql_connect('localhost','root','root') or die('No hay conexión a la base de datos');
$db=mysql_select_db('base',$conexion)or die('no existe la base de datos.');
$rutaEnServidor='imagenes';
$rutaTemporal=$_FILES['imagen']['tmp_name'];
$nombreImagen=$_FILES['imagen']['name'];
$rutaDestino=$rutaEnServidor.'/'.$nombreImagen;
move_uploaded_file($rutaTemporal,$rutaDestino);
$titulo=$_POST['titulo'];
$desc=$_POST['descripcion'];
$sql="INSERT INTO datos (ruta,titulo,descripcion) values('".$rutaDestino."','".$titulo."','".$desc."')";
$res=mysql_query($sql,$conexion);
if ($res){
echo 'Imagen ingresada en la base de datos';
}else{
echo 'no se pudo insertar';
}
?>
?>
<?php echo $desc;?><br>
<img src="<?php echo $ruta; ?>" width="180" height="214"><br>
<?php }?>
Valora esta pregunta


0