PWA mobile camera access

ionic-framework cordova-plugins progressive-web-apps
jinu S picture jinu S · Jul 6, 2017 · Viewed 23.9k times · Source

My requirement is to access the mobile camera in iOS and android using the mobile browser.

Using Ionic PWA app can I access mobile camera in iOS and android device browsers? Looking for PWA solution using Cordova (not native solution).

Answer

Gokul picture Gokul · May 19, 2018

While working on a PWA. I came across the need to access a mobile device's camera/images.(a native app was out of the question). After doing some research I came across this little nugget.

<input type="file" accept="image/*" capture="camera" />

By adding the accept and capture attributes I was able to access my phone's camera and images. I should also point out that you don't need to do anything special with your Server side (Node or PHP). It acts just like a standard file upload input in a browser.

Related questions

Ionic: Check Internet Connection using Cordova

I am working on Ionic Framework, and facing issues using the Apache Cordova Network API to detect internet connection in Android App. I have referred this tutorial and also created a demo project, which works fine. I have followed the …

Read More
Ionic plugin need to remove platform and read platform before it works

I have package.json like this, "cordovaPlugins": [ "com.ionic.keyboard", "org.apache.cordova.camera", "org.apache.cordova.console", "org.apache.cordova.device", "org.apache.cordova.dialogs", "org.apache.cordova.file", "org.apache.cordova.file-transfer", "org.apache.cordova.geolocation", "org.apache.…

Read More
cordova-plugin-file in Chrome: cordova is not defined

I use cordova-plugin-file in my ionic app to download images and save to local. When I run it in emulator or iphone, there is no error, but when I test it in Chrome, it says, cordova is not defined when …

Read More