Mostrar imagenes desde una ruta en mysql en un catalogo html
Publicado por Zona Web (1 intervención) el 05/08/2017 22:08:47
Hola saludos, estoy intentando mostrar un catalogo de imagenes subidas a mysql, pero dirigidas a una carpeta en especifico para no sobrcargar el servidor. Pero no domino mucho lo de las rutas, necesito un poco de ayuda con eso.
Las imagenes se guardan correctamente en la carpeta creada en el directorio, pero a la hora de mostrar en html se muestra el icono de imagen, es como si supiera que hay una imagen pero no consigue el archivo fisico de ello.
espero su ayuda.
Este es el formulario de subida:
addform.php
Este es el proceso de subida.
proceso_guardar_producto.php
Pero a la hora de mostrar en html no se visualizan las imagenes subidas a la carpeta llamada cargas creada en el directorio del proyecto.
paginamostra.php
Las imagenes se guardan correctamente en la carpeta creada en el directorio, pero a la hora de mostrar en html se muestra el icono de imagen, es como si supiera que hay una imagen pero no consigue el archivo fisico de ello.
espero su ayuda.
Este es el formulario de subida:
addform.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
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
<head>
<title>Formulario de pruebas</title>
<link rel="stylesheet" type="text/css" href="css\bootstrap.css">
<link rel="stylesheet" type="text/css" href="css\bootstrap.min.css">
</head>
<body>
<center>
<form action="proceso_guardar_producto.php" method="POST" class="form-horizontal" enctype="multipart/form-data">
<fieldset>
<!-- Form Name -->
<legend>Agregue su nuevo Articulo</legend>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Nombre</label>
<div class="col-md-4">
<input id="textinput" required name="nombre" type="text" class="form-control input-md" placeholder="........" autocomplete="off">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Codigo</label>
<div class="col-md-4">
<input id="textinput" required name="codigo" type="text" class="form-control input-md" placeholder="........" autocomplete="off">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Stock</label>
<div class="col-md-4">
<input id="textinput" required name="stock" type="text" class="form-control input-md" placeholder="Cantidad del sistema" autocomplete="off">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Imagen,<p>no mayor a 500kb</p> </label>
<div class="col-md-4">
<input id="files" required name="imagen" type="file" class="form-control input-md" accept="image/*">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Precio</label>
<div class="col-md-4">
<input id="textinput" required name="precio" type="text" class="form-control input-md" placeholder="bs..." autocomplete="off">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">I.V.A</label>
<div class="col-md-4">
<input id="textinput" required name="iva" type="text" class="form-control input-md" placeholder="12%" autocomplete="off">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Descripcion</label>
<div class="col-md-4">
<input id="textinput" required name="descripcion" type="text" class="form-control input-md" placeholder="Detalles del producto" autocomplete="off">
</div>
</div>
<input type="hidden" name="hidden">
<!-- Button (Double) -->
<div class="form-group">
<div class="col-md-8">
<button id="button1id" name="button1id" class="btn btn-success">Ingresar Nuevo Producto</button>
</div>
</div>
</fieldset>
</form>
</center>
<script src="js\bootstrap.js"></script>
<script src="js\bootstrap.min.js"></script>
</body>
</html>
Este es el proceso de subida.
proceso_guardar_producto.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
30
31
32
33
34
35
36
<?php
include('include/conexion.php');
$nombre = $_POST['nombre'];
$codigo = $_POST['codigo'];
$stock = $_POST['stock'];
$precio = $_POST['precio'];
$iva = $_POST['iva'];
$descripcion = $_POST['descripcion'];
$permitidos = array("image/jpg","image/png","image/gif","image/jpeg");
$limite_kb = 250;
$imagen = $ruta;
if (in_array($_FILES['imagen']['type'], $permitidos) && $_FILES['imagen']['size'] <= $limite_kb*1024) {
$ruta = "cargas/" .$_FILES['imagen']['name'];
$tmp = $_FILES['imagen']['tmp_name'];
move_uploaded_file($tmp,$ruta);
}
$query="INSERT INTO catalogo_cisa(nombre,codigo,stock,imagen,precio,iva,descripcion)
VALUES('$nombre','$codigo','$stock','$ruta','$precio','$iva','$descripcion')";
$result = $conn->query($query);
if (!$result) {
echo "No insertado";
//header('Location:index.php');
}else{
//echo "Insertado";
header('Location:cisaclientes.php');
}
?>
Pero a la hora de mostrar en html no se visualizan las imagenes subidas a la carpeta llamada cargas creada en el directorio del proyecto.
paginamostra.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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!---catalogo cisa---->
<div class="container">
<div class="row">
<?php
include('include/conexion.php');
$query = "SELECT * FROM catalogo_cisa";
$resultado = $conn->query($query);
while ($row=mysqli_fetch_array($resultado)) {
# code...
/*
$nombre = $_POST['nombre'];
$codigo = $_POST['codigo'];
$stock = $_POST['stock'];
$imagen = $_FILES['imagen']['name'];
$precio = $_POST['precio'];
$iva = $_POST['iva'];
$descripcion = $_POST['descripcion'];
*/
?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="my-list">
<img src= "<?php echo $row['$ruta'];?>">
<h3><?php echo $row['id'];?></h3>
<span><?php echo $row['nombre'];?></span>
<span class="pull-right"><?php echo $row['codigo'];?></span>
<div class="offer"><?php echo $row['stock'];?></div>
<div class="offer"><?php echo $row['precio'];?></div>
<div class="offer"><?php echo $row['iva'];?></div>
<div class="offer"><?php echo $row['descripcion'];?></div>
<div class="detail">
<p></p>
<img src="<?php echo $row['$imagen'];?>" alt="" />
<a href="#" class="btn btn-info">Add To Cart</a>
<a href="#" class="btn btn-info">Deatil</a>
</div>
</div>
</div>
<?php } ?> <!--//cierre del php---->
</div>
</div>
<!--//catalogo cisa---->
Valora esta pregunta
0