How to upload multiple files in webview android app | Webview App Development Series Part 18

 Hi Mobile App Developers, In the previous video we have learned that How to Enable File upload in Android Webview app. And I told in the last video that we will learn today how to upload multiple types of files together in the Android webview app.

As we saw in the last tutorial, we are able to upload any type of file such as Audio, Video, Txt, XL, Zip, PPT, etc. But we saw that we can only select one file and upload one file at a time,  So today we will learn How to select multiple files and upload multiple files together in the Android Webview app.

We will continue with the last tutorial code, If you have not followed that tutorial yet, first follow that tutorial, then continue this tutorial. Let's Start.

First, we will take a boolean variable, we will name it multiple_files, and the value we will store is "Yes".

Code:

private boolean multiple_files = true;

Now we will move to the "onShowFileChooser" function, in that function you will find we have written code for file selection, now we will write code there for multiple file selection.

Code:

if (multiple_files) { contentSelectionIntent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, true); }

These codes will help you to select multiple files at a time in the Android webview app. Now let's see what will be the full code within the "onShowFileChooser" function.

Code:

/*-- handling input[type="file"] requests for android API 21+ --*/ public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) { if(file_permission() && Build.VERSION.SDK_INT >= 21) { file_path = filePathCallback; Intent takePictureIntent = null; Intent takeVideoIntent = null; boolean includeVideo = false; boolean includePhoto = false; /*-- checking the accept parameter to determine which intent(s) to include --*/ paramCheck: for (String acceptTypes : fileChooserParams.getAcceptTypes()) { String[] splitTypes = acceptTypes.split(", ?+"); /*-- although it's an array, it still seems to be the whole value; split it out into chunks so that we can detect multiple values --*/ for (String acceptType : splitTypes) { switch (acceptType) { case "*/*": includePhoto = true; includeVideo = true; break paramCheck; case "image/*": includePhoto = true; break; case "video/*": includeVideo = true; break; } } } if (fileChooserParams.getAcceptTypes().length == 0) { /*-- no `accept` parameter was specified, allow both photo and video --*/ includePhoto = true; includeVideo = true; } if (includePhoto) { takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); if (takePictureIntent.resolveActivity(MainActivity.this.getPackageManager()) != null) { File photoFile = null; try { photoFile = create_image(); takePictureIntent.putExtra("PhotoPath", cam_file_data); } catch (IOException ex) { Log.e(TAG, "Image file creation failed", ex); } if (photoFile != null) { cam_file_data = "file:" + photoFile.getAbsolutePath(); takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(photoFile)); } else { cam_file_data = null; takePictureIntent = null; } } } if (includeVideo) { takeVideoIntent = new Intent(MediaStore.ACTION_VIDEO_CAPTURE); if (takeVideoIntent.resolveActivity(MainActivity.this.getPackageManager()) != null) { File videoFile = null; try { videoFile = create_video(); } catch (IOException ex) { Log.e(TAG, "Video file creation failed", ex); } if (videoFile != null) { cam_file_data = "file:" + videoFile.getAbsolutePath(); takeVideoIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(videoFile)); } else { cam_file_data = null; takeVideoIntent = null; } } } Intent contentSelectionIntent = new Intent(Intent.ACTION_GET_CONTENT); contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE); contentSelectionIntent.setType(file_type); /*----for multiple file selection-----*/ if (multiple_files) { contentSelectionIntent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, true); } Intent[] intentArray; if (takePictureIntent != null && takeVideoIntent != null) { intentArray = new Intent[]{takePictureIntent, takeVideoIntent}; } else if (takePictureIntent != null) { intentArray = new Intent[]{takePictureIntent}; } else if (takeVideoIntent != null) { intentArray = new Intent[]{takeVideoIntent}; } else { intentArray = new Intent[0]; } Intent chooserIntent = new Intent(Intent.ACTION_CHOOSER); chooserIntent.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent); chooserIntent.putExtra(Intent.EXTRA_TITLE, "File chooser"); chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, intentArray); startActivityForResult(chooserIntent, file_req_code); return true; } else { return false; } }

Just need to add these line of code in "onShowFileChooser" function , and all the other code of Upload file in Webview (my last tutorial) are same such as "onActivityResult", "onConfigurationChanged", "file_permission" , "create_image()", "create_video()".  Now let's run the project and check whether Multiple file selections and multiple file uploading in the Android webview app are working or not.

As you can see in the above picture, multiple file uploading working perfectly. This way you can convert your website easily. It works like website to apk converter. 

In the next, I will show you How to Enable Upload and Download in Android Webview App.