App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando
--- PHP y MySQL en App Inventor 2 --
Volver al índice del tutorial de PHP y MySQL
____________________________
360B.- Imágenes en la base de datos MySQL. BLOB. Otro código parecido al que vimos en el tutorial anterior.
- Se trata de subir imágenes a nuestra base de datos remota MySQL, se subirán mediante BLOB, y luego verlas.
- Este código es la continuación del tutorial anterior, 360.- MySQL, BLOB.
- Podemos ver su información original de estos códigos en... http://phppot.com/php/mysql-blob-using-php/, es una web muy buena sobre PHP.
- He adaptado esos códigos para poder seguir utilizando la misma base de datos que vimos en el tutorial anterior.
______________________________________________
1.- Creación de la base de datos MySQL.
- La base de datos y la tabla, son las mismas que las que hemos visto en el tutorial anterior. Tendremos una tabla llamada dibujos.
- La base de datos tendrá estas referencias, que utilizaremos más adelante para comunicarnos con ella por PHP.
// 1.- IDENTIFICACION nombre de la base, del usuario, clave y servidor
mysql_connect("mysql.hostinger.es", "u798509677_juan", "contraseña") or die(mysql_error()) ;
mysql_select_db("u798509677_comun") or die(mysql_error()) ;
______________________________________________
2.- Código para subir la imagen a la base de datos.
- Es una página PHP que contiene código HTM con un formulario para subir las imágenes.
- Fíjate que las tres páginas necesarias son de extensión .PHP
blob2_subir.php
|
<?php
if(count($_FILES) > 0) {
if(is_uploaded_file($_FILES['imagen']['tmp_name'])) {
error_reporting ( 0 );
mysql_connect("mysql.hostinger.es", "u798509677_juan", "contraseña") or die(mysql_error()) ;
mysql_select_db("u798509677_comun") or die(mysql_error()) ;
$imagen = addslashes(file_get_contents($_FILES['imagen']['tmp_name']));
$imagen_tamano = getimageSize($_FILES['imagen']['tmp_name']);
$sql = "INSERT INTO dibujos (imagen,tipo_imagen) VALUES('{$imagen}', '{$imagen_tamano['mime']}')";
$current_id = mysql_query($sql) or die("<b>Error:</b> Error en la subida.<br/>" . mysql_error());
if(isset($current_id)) {
header("Location: blob2_listado.php");
}}}
mysql_close();
?>
<HTML>
<HEAD>
<TITLE>Subir imagen MySQL BLOB</TITLE>
</HEAD>
<BODY>
<form name="frmImage" enctype="multipart/form-data" action="" method="post" >
<label>Localizar y subir imagen: </label><br/>
<input name="imagen" type="file" />
<input type="submit" value="Enviar" />
</form>
</div>
</BODY>
</HTML> |
http://kio4.esy.es/blob2_subir.php
- Las imágenes se guardarán de esta manera:
______________________________________________
2.- Código PHP para ver el listado de archivos guardados.
- Este código prepara el listado de imágenes.
blob2_listado.php
|
<?php
error_reporting ( 0 );
mysql_connect("mysql.hostinger.es", "u798509677_juan", "contraseña") or die(mysql_error()) ;
mysql_select_db("u798509677_comun") or die(mysql_error()) ;
$sql = "SELECT id FROM dibujos ORDER BY id DESC";
$result = mysql_query($sql);
?>
<HTML>
<HEAD>
<TITLE>Listado de imagenes BLOB.</TITLE>
</HEAD>
<BODY>
<?php
while($row = mysql_fetch_array($result)) {
?>
<img src="blob2_ver_imagen.php?id=<?php echo $row["id"]; ?>" /><br/>
<?php
}
mysql_close();
?>
</BODY>
</HTML>
|
http://kio4.esy.es/blob2_listado.php
______________________________________________
3.- Código PHP para visualizar el archivo de imagen guardado.
- Este código visualiza todas las imágenes.
blob2_ver_imagen.php
|
<?php
error_reporting ( 0 );
mysql_connect("mysql.hostinger.es", "u798509677_juan", "contraseña") or die(mysql_error()) ;
mysql_select_db("u798509677_comun") or die(mysql_error()) ;
if(isset($_GET['id'])) {
$sql = "SELECT imagen, tipo_imagen FROM dibujos WHERE id=" . $_GET['id'];
$result = mysql_query("$sql") or die("<b>Error:</b> Error al obtener la imagen.<br/>" . mysql_error());
$row = mysql_fetch_array($result);
header("Content-type: " . $row["tipo_imagen"]);
echo $row["imagen"];
}
mysql_close();
?>
|
- Si quisiéramos ver la imágenes individuales, las identificamos por medio de su id.
http://kio4.esy.es/blob2_ver_imagen.php?id=1
http://kio4.esy.es/blob2_ver_imagen.php?id=2
http://kio4.esy.es/blob2_ver_imagen.php?id=3
http://kio4.esy.es/blob2_ver_imagen.php?id=4
http://kio4.esy.es/blob2_ver_imagen.php?id=5
_________________
_______________________________
|