Mostrar y modificar imagen con php y ajax
Publicado por Ramiro (20 intervenciones) el 13/11/2018 12:39:07
Hola gente, lo que quiero hacer es pasar una tabla completa que contiene una imagen como campo, como puedo hacer para pasar esa imagen a un formulario?.
Mi tabla tiene los campos nombre_pro, marca, descripcion, stock, imagen, precio
este codigo uso para traer los datos de la BD . modificar_productos2.php
Mi tabla tiene los campos nombre_pro, marca, descripcion, stock, imagen, precio
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
function editarProducto(id){
var url = new FormData('../Productos/modificar_productos2.php');
$.ajax({
type:'POST',
url:url,
data:'id='+id,
processData: false,
contentType: false,
success: function(valores){
var datos = eval(valores);
$('#edi').show();
$('#id-producto').val(id);
$('#nombre_pro').val(datos[0]);
$('#marca').val(datos[1]);
$('#descripcion').val(datos[2]);
$('#stock').val(datos[3]);
$('#imagen').val(datos[4]);
$('#precio').val(datos[5]);
$('#registra-producto').modal({
show:true,
backdrop:'static'
});
return false;
}});
return false;
}function agregaRegistro(){
var url = '../Productos/update_producto.php';
$.ajax({
type:'POST',
url:url,
data:$('#formulario').serialize(),
success: function(registro){
$('#mensaje').addClass('alert alert-success').html('Edicion completada con exito').show(200).delay(2500).hide(200);
$('#agrega-registros').html(registro);
return false;
}});
return false;
}este codigo uso para traer los datos de la BD . modificar_productos2.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<?php
include('../../Include/conexion2.php');
$id = $_POST['id'];
//OBTENEMOS LOS VALORES DEL PRODUCTO
$valores = mysql_query("SELECT * FROM productos WHERE id_producto = '$id'");
$valores2 = mysql_fetch_array($valores);
$datos = array(
0 => $valores2['nombre_pro'],
1 => $valores2['marca'],
2 => $valores2['descripcion'],
3 => $valores2['stock'],
4 => $valores2 = $_FILES['imagen'],
5 => $valores2['precio']
);echo json_encode($datos);
?>[/code
Y para guardarlo es este: update_producto.php
[code]<link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="../../vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
<?php
require("../../Include/conexion2.php");
$id = $_POST['id-producto'];
$nombre_pro = $_POST['nombre_pro'];
$marca = $_POST['marca'];
$descripcion = $_POST['descripcion'];
$stock = $_POST['stock'];
$imagen = $_POST['imagen'];
$precio = $_POST['precio'];
//VERIFICAMOS EL PROCESO
$re = mysql_query("SELECT imagen FROM productos WHERE id_producto = '$id' ",$conexion);
while ($f=mysql_fetch_array($re)) {
unlink("../../Imagenes/".$f['imagen']);
}$ruta = "../../Imagenes/";
opendir($ruta);
$destino = $ruta.$_FILES['imagen']['name'];
copy($_FILES['imagen']['tmp_name'],$destino);
$nombre=$_FILES['imagen']['name'];
mysql_query("UPDATE productos SET nombre_pro = '$nombre_pro', marca = '$marca',descripcion = '$descripcion', stock = '$stock',
imagen = '$nombre', precio = '$precio'
WHERE id_producto = '$id'",$conexion)or
die ("error SQL".mysql_error());
$registro = mysql_query ("SELECT * FROM productos WHERE id_producto = '$id' ",$conexion) or
die ("error SQL".mysql_error());
//CREAMOS NUESTRA VISTA Y LA DEVOLVEMOS AL AJAX
while($registro2 = mysql_fetch_array($registro)){
echo '<form class="formulario" method="post"><h4 class="subtitulo">Producto</h4>
<div class="contendor-iput">
<div class="form-group form-inline">
<label for="formGroupExampleInput" class="col-md-2">Producto:</label>
<input type="text" class="form-control col-md-8" name="cliente" value="'.$registro2['nombre_pro'].'" disabled>
</div>
<div class="form-group form-inline">
<label for="formGroupExampleInput" class="col-md-2">Marca:</label>
<input type="text" class="form-control col-md-8" name="marca" value="'.$registro2['marca'].'" disabled>
</div>
<div class="form-group form-inline">
<label for="formGroupExampleInput" class="col-md-2">Descripcion:</label>
<input type="datetime" class="form-control col-md-8" name="descripcion" value="'.$registro2['descripcion'].'" disabled>
<?php
echo"<div class="col-md-2"><a class="btn btn-success" href="javascript:editarProducto('.$registro2['id_producto'].');">Editar</a></div>";
?>
</div>
<div class="form-group form-inline">
<label for="formGroupExampleInput" class="col-md-2">Stock:</label>
<input type="text" class="form-control col-md-8" name="stock" value="'.$registro2['stock'].'" disabled>
</div>
<div class="form-group form-inline">
<label for="formGroupExampleInput" class="col-md-2">Imagen:</label>
<img src="../../Imagenes/'.$registro2["imagen"].'" width="100px" heigth="50px">;</div>
<div class="form-group form-inline">
<label for="formGroupExampleInput" class="col-md-2">Precio:</label>
<input type="text" class="form-control col-md-8" name="precio" value="'.$registro2['precio'].'" disabled>
</div>
<input type="hidden" class="form-control col-md-10" name="cliente" value="'.$registro2['id_producto'].'" disabled>
</div>
</form>';}?>
Valora esta pregunta
0