cordova plugins...and javascript

#1 · November 26, 2021, 9:57 pm

Hi to all,

Has anyone managed to use the cordova plugin to be able to access the phone's camera ( cordova-plugin-camera ), take a picture, display it in a container, all compiled in an apk file?
A page with a container and a button.
I know you have to use javascript, but that's the problem...!
Any hint for a help will be appreciated !
Best regards,

I found this on the Internet, but not clear at all for me :

Uploaded files:

You need to login to have access to uploads.

#2 · November 29, 2021, 12:10 am

No idea about that ? :(

#3 · December 19, 2021, 1:14 am

Step 1 - Install Camera Plugin

Run the following code in the command prompt window to install this plugin.

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-camera

Step 2 - Adding Button and Image

Now, we will create the button for calling the camera and img where the image will be displayed once taken. put the below code for the button

See the attached image!

and put this code inside Container:

<img id = "myImage"></img>

Uploaded files:

You need to login to have access to uploads.

Vadim, farhad2008 and CDY@44 have reacted to this post.

#4 · December 19, 2021, 8:49 am

Quote from asmat on December 19, 2021, 1:14 am

Hello dear friend, I am very happy to have you. It has been a long time since I heard from you ....

Hello dear friend, I am very happy to have you. It has been a long time since I heard from you ....

#5 · December 19, 2021, 1:53 pm

@asmat welcome back! I hope everything is fine with you and your family :)

#6 · December 19, 2021, 1:58 pm

Hello @asmat

Thank you so much for your answer !! I do appreciate it !! I will test is as soon as possible !!

Have a good day !

#7 · December 21, 2021, 5:48 pm

Hello @asmat,

I have a problem with your suggestion : When I click the button, the camera is launched, I can take a photo, but it doesn't appear in the image...
So I have changed your code by this one found on the forum :

So it works, but now my problem is to find how to convert the content of the image in Base64 to load the photo in a database...

Have you any suggestion ?

Uploaded files:

You need to login to have access to uploads.

#8 · December 21, 2021, 9:31 pm

@cdy44-2 note that now it's not necessary to use any Cordova plugin. Use the new FileInput property "capture" to access the camera in mobile devices directly (use "fuser" for the front camera and "fenvironment" for the rear camera).
Then you can use LocalBinaryFileToBase64Var to encode the picture to Base64.

I hope it helps.

Regards.

Vadim and CDY@44 have reacted to this post.

#9 · December 21, 2021, 10:23 pm

I just try it, but I don't access to camera but to "recent files" and I have to choose a picture... ( I used fenvironnement).

Probably I have done something wrong...

Uploaded files:

You need to login to have access to uploads.

#10 · December 21, 2021, 10:34 pm

I use VoltBuilder to create an *.apk file... May be work only creating a PWA ?

#11 · December 22, 2021, 12:38 am

Hi @luishp,
I just realized that indeed it has to be a PWA for it to work. The problem is that I would have liked to be able to create an apk file to put it on Google Play.
I've done some research on the Internet to see if it's possible to put PWA on Google Play, but I really don't see how. If there is a simple tutorial (for my little mind) I would be really interested.

If it's not possible, I'd like to have a little tuto ( I managed to trigger the camera of the phone, display the picture in an image ( thanks to Asmat and Sharam ), but I don't see how to translate the obtained image in Base64 to send it in a database...
Best regards,

#12 · December 22, 2021, 10:01 am

I've done some research on the Internet to see if it's possible to put PWA on Google Play, but I really don't see how. If there is a simple tutorial (for my little mind) I would be really interested.

@cdy44-2 It's not only possible: it's the RECOMMENDED WAY to put your web app in Google Play!
Just upload your PWA into a web hosting and use pwabuilder.com to transform your PWA URL into an Android app.
It's easy, convenient and updating your app is as simple as uploading the new version to your server.
Believe me, that's the best way!

Best regards.

Vadim and CDY@44 have reacted to this post.

#13 · December 22, 2021, 3:02 pm

Hi @luishp,

Thank you for your answer. So I went through PWABuilder to get the *.apk file.
I install it on an ANDROID phone, but alas there is a problem because the address bar is displayed at the top of the app. I follow the procedure to remove this address bar (by creating a file assetlinks.json in a subdirectory / .well-known, but it does not change anything... I followed all the procedure given by PWABuilder, I emptied the cache of my app. but nothing changes, there is still the address bar displayed at the top...

Can you tell me how to switch from a JAVASCRIPT variable (containing the picture taken) to a VISUALNEO WEB variable?

Have a nice day!

#14 · December 22, 2021, 3:10 pm

My code

Uploaded files:

You need to login to have access to uploads.

#15 · December 22, 2021, 4:40 pm

Can you tell me how to switch from a JAVASCRIPT variable (containing the picture taken) to a VISUALNEO WEB variable?

//Saves the imageURI into a VisualNEO Web variable [myvar]
$App.myvar = imageURI;

@cdy44-2 I hope it helps.

#16 · December 22, 2021, 4:46 pm

Thank you @luishp, I will try this.

cordova plugins...and javascript - Forum

cordova plugins...and javascript

Step 1 - Install Camera Plugin

Step 2 - Adding Button and Image

Step 1 - Install Camera Plugin

Step 2 - Adding Button and Image