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

____________________________

327.- Subir ar chivos por PHP a nuestro hosting.

p327_subir_ar chivo.aia

- Vamos a ver un ejemplo bastante interesante sobre cómo subir un ar chivo de imagen, texto, sonido... a nuestro hosting, mediante PHP.

- Suponemos que nuestro hosting es el de hostinger, como hemos visto en el tutorial: 317_hosting_gratuito.htm

- En nuestro caso vamos a subir esta imagen de este ar chivo.png

chivo.png

NOTA: si estás utilizando el hosting gratuito de hostinger, como hemos visto en el tutorial anterior, envía los archivos .htm y .php al servidor remoto mediante FTP, como hemos visto en el tutorial 317_hosting_gratuito.

__________________________________________

- Diseño.

- Insertamos los siguientes elemento y Subimos al Diseño la imagen chivo.png que he puesto al principo de esta página.

__________________________________________

- Bloques.

- Recuerda que mientras estás probando la aplicación con App inventor, el archivo estará en:

file:///mnt/sdcard/AppInventor/assets/chivo.png

- Pero cuando ya tengas la aplicación terminada y quieras Generar el archivo .apk para instalarlo en un móvil, previamente tienes que cambiar esa dirección a:

file:///android_asset/chivo.png

-----------------------------

- Fíjate en Web1.PublicarArchivo, no confundas con Web1.PonerArchivo.

__________________________________________

- Código PHP.

- Este sería el archivo subir.php que debemos subir a nuestro hosting mediante FTP.

<?PHP
   $data = file_get_contents('php://input');
   if (!(file_put_contents($_GET['archivo'],$data) === FALSE))  {
       echo "Er chivo ha subido.";
   } else {
       echo "Er chivo se ha perdido.";
   }
?>

- Una vez que el ar chivo ha subido lo podemos ver: http://kio4.esy.es/chivo.png

--------------------------------------------------------------------------------------------------------------------------

- Si quisiéramos que el archivo guardado en el servidor tuviera otro nombre, subiríamos el siguente código:

- El archivo guardado en el servidor se llamaría en este caso: archivo_2.txt

- Propuesta: establece un CampoDeTexto en el Diseño, en ese campo de texto el usuario pondrá el nombre que quiere que tenga el archivo cuando suba, por ejemplo cabrita.png, cuando el archivo suba, mediante el código de subir3.php tomará el $nombre_de_archivo enviado y lo subirá con el nombre de cabrita.png.

- Para obtener el $nombre_de_archivo, consulta los tutoriales anteriores de POST y GET, hazlo con GET.

<?php
// Juan A. Villalpando
// kio4.com

   $data = file_get_contents('php://input');
   $nombre_archivo = 'archivo_2.txt';
   if (!(file_put_contents($nombre_archivo, $data) === FALSE))  {
       echo "Archivo ha subido.";
   } else {
       echo "Error en la subida del Archivo.";
   }
?>

__________________________________________

- Comentarios.

- Cuando pulsemos el Botón, la imagen chivo.png, aparecerá en el elemento Imagen1.Foto

- Además mediante el código: http://kio4.esy.es/subir.php?archivo=chivo.png

- La imagen subirá a nuestro servidor web., en mi caso al hosting 000webhost.

- Se puede comprobar que ha subido consultando mediante FTP.

- Mediante Web1.ObtuvoTexto, se obtiene en la Etiqueta1 una respuesta del servidor

__________________________________________

- Propuesta.

- Consulta el tutorial 78.- Explorador de Archivos

- Modifica el código anterior de manerar que mediante el Explorador de archivos puedas elegir un archivo del móvil y luego subirlo al servidor web.

__________________________________
__________________________________