PHP - Mostrar y modificar imagen con php y ajax

 
Vista:
sin imagen de perfil
Val: 35
Ha aumentado su posición en 3 puestos en PHP (en relación al último mes)
Gráfica de PHP

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

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder