How to save component image in external storage of device?

[ramrajput200021 (Techy Rajput)]

Hello Koders,

This is my first tutorial and today I will share the steps to convert component to image and save that image in the external storage of device.

Extensions Used : I have used two extensions both are free so import them first.

1. Component to Image ;

[FREE] Extension ComponentToImage

2. Taifun Tool ;

App Inventor Extensions: Tools | Pura Vida Apps

Step 1 :

Step 2 :

Vertical_Arrangement1 replace this block with the block of component, you wants to save the image.

Step 3 :

GalleryRefresh block will refresh the gallery when the image saved so image will automatically shown in gallery app.

Note : filename.png is the name of image file saved in storage. It should be same everywhere I used filename.png.
The root directory of the External Storage is /storage/emulated/0/ , you can also replace this with /storage/82C3-E96C/ to save image in External (removable / micro) SD card.

Save Image in Sub Directory ; you can also replace this path with any other subdirectory, e.g.:

• /storage/emulated/0/Download/ or
• /storage/emulated/0/Download/DCIM/

Note : It is not possible to save image in external removable sd card in API 19, Android 4.4 / KitKat or higher.

I have made this guide because many users reported that the image didn’t display automatically in gallery and I have also faced the same issue.

Credit

1. @Jerin_Jacob for Component to Image Extension
2. @Taifun for Taifun Tool Extension
3. Kodular Creator and Community

[bestprintsf (Leandro Z)]

Thanks so much, nice Guide !!!

[D_Apps]

Very Nice !! Keep Koding !!

[techVsurya (Viraj)]

Nice guide @ramrajput200021

[bodymindpower (Anke)]

Nice guide.

@ramrajput200021

Note : filename.png is the name of image file saved in storage. It should be same everywhere I used filename.png.
Internal Storage path /storage/emulated/0/ , you can also replace this with external storage path to save image in external storage.

Please read this guide and clarify the terms “Internal Storage” and “External Storage”:

Some basics on Android storage system

From an Android point of view there are an → Internal Storage and an → External Storage. 1. Internal Storage The Internal Storage can only be accessed with a rooted device. 1.1 The app package is saved in /data/data/<packageName>/ 1.2. The Private directory is /data/user/0/<packageName>/files/ This private directory can be used e.g. with the File component to save / read text (setting the path without a slash). It can only be accessed by your app and is automatically removed when the app …

According to your definition / understanding of the terms, it is not possible to save a file in the external storage (→ removeable / micro SD card) since API 19, Android 4.4 / KitKat.

Note: API 19 is the standard minimum SDK in Kodular (minSdkVersion = 19).

So adjust your guide accordingly.

[ramrajput200021 (Techy Rajput)]

Thanks @bodymindpower, I have updated my guide.

[bodymindpower (Anke)]

@ramrajput200021

I have updated my guide

See here:

@bodymindpower

it is not possible to save a file in the external storage (→ removeable / micro SD card) since API 19, Android 4.4 / KitKat

The third word: “not” !

[bodymindpower (Anke)]

@ramrajput200021

The root directory of the External Storage is /storage/emulated/0/ , you can also replace this with /storage/82C3-E96C/ to save image in External (removable / micro) SD card .

My suggestion:

… , you can also replace this path with any other subdirectory, e.g.:

• /storage/emulated/0/Download/ or
• /storage/emulated/0/Download/DCIM/ or …

@ramrajput200021

Note : It is not possible to save image in external removable sd card in API 19, Android 4.4 / KitKat or lower.

My suggestion:

Note : It is not possible to save image in external removable sd card in API 19, Android 4.4 / KitKat or higher.

[ramrajput200021 (Techy Rajput)]

Added, Thanks a lot

[Latest_viral (MJ Tec)]

nice extension…great work…

[ramrajput200021 (Techy Rajput)]

@Latest_viral

nice extension

It’s not a extension, I have used them in my guide.

[Dokolo]

Would be great if we can convert image componant to Base64 without using any path image.
With SurfaceView it’s possible to display image from Camera without having to save it on the disk, so from there i would love to get it as base64, all tha base64 extension require path.

[milind_padshah]

The extension ComponentToImage is working very well in test mode with companion, but it is not working after exporting App.

[ramrajput200021 (Techy Rajput)]

Maybe you are using blocks incorrectly, extension is working fine, try to use blocks as shown above.

[milind_padshah]

Thanks, its working now. The issue was of Grant permission to write to external storage,

[Titan_geek]

How can I use this image without asking for permission?

[ramrajput200021 (Techy Rajput)]

I think this is not possible as to save image in storage, app must have storage permission.

[Titan_geek]

Can’t we store in ASD?? (I don’t understand much about it)