Como agrego vista de imagen tengo estos 3 archivos,
Agregar.php que contiene todo la parte de la conexion para agregar los datos a la base de datos llamada countries.
modal_agregar.php que contiene los datos que va a contener el boton agregar, para agregar un dato nuevo que se va a ver tipo una lista.
paises_ajax.php que va a enlistar los datos agregados y todo esto se va a ver en un archivo llamado index.php.
tengo una base de datos llamada countries que contiene estos datos:
countryCode, countryName, currencyCode, capital, continentName,foto (el campo foto obiamente es tipo blob)
lo que yo quiero hacer y me da error es que cuando agrege un dato tambien pueda agregar la imagen y esta que se almancen en tipo blob y que se vea en el listado.
este codigo como veran no es mio. queria adaptarlo para una web de noticias y queria que sea la parte de administracion para que yo pueda agregar las noticias e imagenes .
Este seria el index.php
Código PHP:
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cargar información dinámica en ventana modal Bootstrap con PHP, MySQL y jQuery </title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<?php include("modal_agregar.php");?>
<?php include("modal_modificar.php");?>
<?php include("modal_eliminar.php");?>
<div class="container-fluid">
<div class='col-xs-6'>
<h3> Listado de Países</h3>
</div>
<div class='col-xs-6'>
<h3 class='text-right'>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#dataRegister"><i class='glyphicon glyphicon-plus'></i> Agregar</button>
</h3>
</div>
<div class="row">
<div class="col-xs-12">
<div id="loader" class="text-center"> <img src="loader.gif"></div>
<div class="datos_ajax_delete"></div><!-- Datos ajax Final -->
<div class="outer_div"></div><!-- Datos ajax Final -->
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="js/app.js"></script>
<script>
$(document).ready(function(){
load(1);
});
</script>
</body>
</html> Código PHP:
<form id="guardarDatos" >
<div class="modal fade" id="dataRegister" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">Agregar país</h4>
</div>
<div class="modal-body">
<div id="datos_ajax_register"></div>
<div class="form-group">
<label for="codigo0" class="control-label">Código:</label>
<input type="text" class="form-control" id="codigo0" name="codigo" required maxlength="2">
</div>
<div class="form-group">
<label for="nombre0" class="control-label">Nombre:</label>
<input type="text" class="form-control" id="nombre0" name="nombre" required maxlength="45">
</div>
<div class="form-group">
<label for="moneda0" class="control-label">Moneda:</label>
<input type="text" class="form-control" id="moneda0" name="moneda" required maxlength="3">
</div>
<div class="form-group">
<label for="capital0" class="control-label">Capital:</label>
<input type="text" class="form-control" id="capital0" name="capital" required maxlength="30">
</div>
<div class="form-group">
<label for="continente0" class="control-label">Continente:</label>
<input type="text" class="form-control" id="continente0" name="continente" required maxlength="15">
</div>
<div class="form-group">
<input name="foto" type="file">
</div>
<br>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<button type="submit" class="btn btn-primary">Guardar datos</button>
</div>
</div>
</div>
</div>
</form>
