Can not open camera when I click input type="file" on Android devices

[yecicen]

We can not open device's native camera or see any option to open it when we clicked the input type="file" in Android devices. Is there any solution ?

[SharpFu]

the same with me ? now ,I can open camera but I can't get the Image from camera. I think the inappbrowser can't get the message from cordova plugin result.

[superainovacoes]

Hi, we have the same problem. Use this url to test: https://mobilehtml5.org/ts/?id=23

android using browser : open camera (ok)
android using inappbrowser.open : open file explorer (error)

ios using browser: open camera (ok)
ios using inappbrowser.open: open camera (ok)

config.xml

      <preference name="phonegap-version" value="cli-8.1.1" />
       
       <feature name="http://api.phonegap.com/1.0/camera" />
	<plugin name="cordova-plugin-camera" source="npm">
		<variable name="CAMERA_USAGE_DESCRIPTION" value="camera string." />
	</plugin>

	<plugin name="cordova-plugin-inappbrowser" source="npm" />
	<plugin name="cordova-plugin-wkwebview-engine" source="npm" />
	<feature name="CDVWKWebViewEngine">
		<param name="ios-package" value="CDVWKWebViewEngine" />
	</feature>
	<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

        <platform name="android">
                <preference name="android-minSdkVersion" value="26" />
		<preference name="android-targetSdkVersion" value="26" />

		<config-file parent="/*" target="app/src/main/AndroidManifest.xml">
			<uses-permission android:name="android.permission.CAMERA" />
		</config-file>
		<config-file parent="/*" target="AndroidManifest.xml">
			<uses-permission android:name="android.permission.CAMERA" />
		</config-file>
       </platform>

       <platform name="ios">
         <edit-config target="NSCameraUsageDescription" file="*-Info.plist" mode="merge">
			<string>camera string.</string>
		</edit-config>
		<edit-config target="NSPhotoLibraryAddUsageDescription" file="*-Info.plist" mode="merge">
			<string>camera string.</string>
		</edit-config>
		<edit-config target="NSPhotoLibraryUsageDescription" file="*-Info.plist" mode="merge">
			<string>camera string.</string>
		</edit-config>
       </platform>

@janpio update on this since it was open?

[RascoApps]

help! I have the same issue.

[gilbertogwa]

I solve change InAppBrowser plugin. I merged solution on https://stackoverflow.com/questions/51168600/webview-open-camera-from-input-field-without-filechooser.

Follow the changes:

See the changes made in InAppBrowser class from plugin version 3.0.0

1 - include imports:

import android.app.Activity;
import android.os.Environment;
import android.provider.MediaStore;
import android.util.Log;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;

2 - declare variavel;

    private String mCM;

3 - Replace onShowFileChooser code

                    // For Android 5.0+
                    public boolean onShowFileChooser (WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)
                    {
                        LOG.d(LOG_TAG, "File Chooser 5.0+");

                        // If callback exists, finish it.
                        if(mUploadCallbackLollipop != null) {
                            mUploadCallbackLollipop.onReceiveValue(null);
                        }
                        mUploadCallbackLollipop = filePathCallback;

                        Intent takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);

                        if(takePictureIntent.resolveActivity(cordova.getActivity().getPackageManager()) != null) {

                            File photoFile = null;
                            try{
                                photoFile = createImageFile();
                                takePictureIntent.putExtra("PhotoPath", mCM);
                            }catch(IOException ex){
                                Log.e(LOG_TAG, "Image file creation failed", ex);
                            }
                            if(photoFile != null){
                                mCM = "file:" + photoFile.getAbsolutePath();
                                takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(photoFile));
                            }else{
                                takePictureIntent = null;
                            }
                        }
                        // Create File Chooser Intent
                        Intent contentSelectionIntent = new Intent(Intent.ACTION_GET_CONTENT);
                        contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE);
                        contentSelectionIntent.setType("*/*");
                        Intent[] intentArray;
                        if(takePictureIntent != null){
                            intentArray = new Intent[]{takePictureIntent};
                        }else{
                            intentArray = new Intent[0];
                        }

                        Intent chooserIntent = new Intent(Intent.ACTION_CHOOSER);
                        chooserIntent.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent);
                        chooserIntent.putExtra(Intent.EXTRA_TITLE, "Selecione a imagem");
                        chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, intentArray);

                        // Run cordova startActivityForResult
                        cordova.startActivityForResult(InAppBrowser.this, chooserIntent, FILECHOOSER_REQUESTCODE);

                        return true;
                    }

4 - create method

    private File createImageFile() throws IOException{
        @SuppressLint("SimpleDateFormat") String timeStamp = new SimpleDateFormat("yyyyMMdd_HHmmss").format(new Date());
        String imageFileName = "img_"+timeStamp+"_";
        File storageDir = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES);
        return File.createTempFile(imageFileName,".jpg",storageDir);
    }

5 - Replace onActivityResult

    public void onActivityResult(int requestCode, int resultCode, Intent intent) {
        // For Android >= 5.0
        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

            LOG.d(LOG_TAG, "onActivityResult (For Android >= 5.0)");

            Uri[] results = null;
            //Check if response is positive
            if(resultCode== Activity.RESULT_OK){
                if(requestCode == FILECHOOSER_REQUESTCODE){
                    if(null == mUploadCallbackLollipop){
                        return;
                    }
                    if(intent == null || intent.getData() == null){
                        //Capture Photo if no image available
                        if(mCM != null){
                            results = new Uri[]{Uri.parse(mCM)};
                        }
                    }else{
                        String dataString = intent.getDataString();
                        if(dataString != null){
                            results = new Uri[]{Uri.parse(dataString)};
                        }
                    }
                }
            }
            mUploadCallbackLollipop .onReceiveValue(results);
            mUploadCallbackLollipop = null;
        }
        // For Android < 5.0
        else {
            LOG.d(LOG_TAG, "onActivityResult (For Android < 5.0)");
            // If RequestCode or Callback is Invalid
            if(requestCode != FILECHOOSER_REQUESTCODE || mUploadCallback == null) {
                super.onActivityResult(requestCode, resultCode, intent);
                return;
            }

            if (null == mUploadCallback) return;
            Uri result = intent == null || resultCode != cordova.getActivity().RESULT_OK ? null : intent.getData();

            mUploadCallback.onReceiveValue(result);
            mUploadCallback = null;
        }
    }

https://stackoverflow.com/questions/26381050/choose-camera-in-file-upload-in-cordova-application-on-android-without-using-cor/54425770#54425770

[RascoApps]

I tried adding this code, but it has no effect. when clicking browse, it still shows the file manager. I don't have too much with android plugins. any ideas?

[gilbertogwa]

Please, try add permissions in config.xml

<uses-permission android:name="android.permission.CAMERA"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

[SharpFu]

now,I found another question,I has opened the camera,when i sure choose the picture,I get the imagePath in "callbackFromNative" method in MainActivity ,but not in inappbrowser. so I can't use the imagePath in the pages of inappbrowser.

[gilbertogwa]

Does not have a reference in input field? I have not yet reached this level in the application. I just trusted that image was in the input field. To find this solution was too hard, don't make me sad :(

[RascoApps]

Still getting permission denied. I tried adding those permissions, but I still get the permission error. I researched a little bit and changed the createImageFile method to use the WebView.GetConext() to get the private cache folder for the app. I now get a popup sliding up from the bottom of the screen with “Select Image” in a different language than English. The pop up has a camera and file icon. When I tap on the camera, nothing happens. We need to make this as secure as possible. I don’t have more time to research, but would be possible to delete the stored file just after “uploading” it and to only allow capturing the image from the camera? From: Gilberto Alexandre <notifications@github.com> Reply-To: apache/cordova-plugin-inappbrowser <reply@reply.github.com> Date: Tuesday, January 29, 2019 at 7:28 PM To: apache/cordova-plugin-inappbrowser <cordova-plugin-inappbrowser@noreply.github.com> Cc: Scott Gross <sgross@immerge.com>, Manual <manual@noreply.github.com> Subject: Re: [apache/cordova-plugin-inappbrowser] Can not open camera when I click input type="file" on Android devices (#328) Please, try add permissions on config.xml <uses-permission android:name="android.permission.CAMERA"/> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub<#328 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AEhhogEhz23gdWgLEUylcNPZEJ6jKBEbks5vIQNGgaJpZM4X35k6>.

[gilbertogwa]

To solve the permission's issue, go to App Configuration (configurations > apps > you app> permissions) and manually allow the permissions, and try again. If it works, the next step is change code to request permission automatically.

About erasing the image's files, probably it's possible. But I have no time yet to try this. But I'm sure that I gonna need it.

[jeffersonveloso]

were able to open the camera via the input file?

[gilbertogwa]

Yes, through the input file, I was able to access the gallery and choose between image and camera, and take photo.