App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

____________________________

277i.- Pasar imagen a String y viceversa. Base 64.

p177_Extension_File2String_TinyDB_2.aia

com.KIO4_Base64.aix

- En el asset hay varios archivos: imagen.png, foto.jpg y despacito.mp3

- Codificamos alguno de ellos a String Base64 mediante el bloque: FileToString.

- Guardamos ese String Base64 en la TinyDB con su correspondiente etiqueta.

- Al pulsa el btn_GetValue, obtenemos desde la TinyDB el String Base64 correspondiente a ese archivo.

- Descodificamos ese String Base64 y lo guardamos en un archivo auxiliar en la SdCard, concretamente: /mnt/sdcard/aux_file

- Observa que no hace falta ponerle extensión al aux_file, vale para archivos de imágenes y sonidos

- Ese archivo auxiliar /mnt/sdcard/aux_file lo ponemos en un componente de imagen o reproductor de sonido, mediante esta direción:

file://mnt/sdcard/aux_file

- Si el archivo está en el asset ponemos fileName: //mifoto.jpg
- Si el archivo está en la sdcard ponemos fileName: /mifoto.jpg

_______________
- Diseño.

_______________
- Bloques.

- Si el archivo está en el asset ponemos fileName: //mifoto.jpg
- Si el archivo está en la sdcard ponemos fileName: /mifoto.jpg

---------------------------------------------------------------------------
---------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------
2. - Save large files in TinyDB.

p177_Extension_File2String_TinyDB_grandes.aia

com.KIO4_Base64.aix

- In our mobile we create the folder. /mnt/sdcard/fotos_grandes

- And in it we load large .jpg files, for example these:

- When click in btn_StoreValue, all files will be saved in the TinyDB.

- By continuously pressing btn_GetValue, the images stored in the TinyDB in the image component will be displayed.

_______________
- Diseño.

_______________
- Bloques.

---------------------------------------------------------------------------
---------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------
3. - File from Internet to TinyBD.

p177i_Extension_File2String_TinyDB_internet.aia

com.KIO4_Base64.aix

1.- Create directory /auxiliary (in /mnt/sdcard/auxiliary)

2.- Download a large image file (5 MB) from Internet with Web component in auxiliary/mydowloadfile.jpg.

3.- By block FileToString, convert this File To String.

4.- Store this string in TinyDB with tag: my_string

----- Now recover -----------

5.- Get String from TinyDB with tag: my_string

and convert this String To File with block StringToFile and save in /auxiliary/mynewfile.jpg

6.- Show in Picture file:///mnt/sdcard/auxiliary/mynewfile.jpg

7.- Delete directory /auxiliary.

______________________________________________________________

Site to download samples images:

https://sample-videos.com/download-sample-jpg-image.php

Site to download samples videos:

https://sample-videos.com/

_______________
- Diseño.

_______________
- Bloques.

___________________________