Android Code Snippet Upload files with WebView

Erel · Oct 25, 2018

Code requires Android 5+

1. Set a custom WebViewChromeClient. It is implemented with inline Java code.

2. The ShowFile_Chooser event is raised when the user clicks on a "browse" button.

3. You need to get the file URI with FileProvider and call SendResult.
Example based on ContentChooser.

B4X:

Sub ShowFile_Chooser (FilePathCallback As Object, FileChooserParams As Object)
   cc.Initialize("CC")
   cc.Show("*/*", "Choose File")
   Wait For CC_Result (Success As Boolean, Dir As String, FileName As String)
   Dim jo As JavaObject = Me
   If Success Then
       Log(FileName)
       File.Copy(Dir, FileName, Provider.SharedFolder, "TempFile")
       jo.RunMethod("SendResult", Array(Provider.GetFileUri("TempFile"), FilePathCallback))
   Else
       jo.RunMethod("SendResult", Array(Null, FilePathCallback))
   End If
End Sub

Project is attached. Don't miss the manifest editor entries that are required for FileProvider.

Example of requesting the Geolocation permission: https://www.b4x.com/android/forum/threads/webviewextra-2-2-enable-geolocation.114147/post-712994

JohnC · Jul 29, 2019

OK, I modified a sub in Erel's example so it will upload the selected file using it's actual name:

B4X:

Sub ShowFile_Chooser (FilePathCallback As Object, FileChooserParams As Object)
    cc.Initialize("CC")
    cc.Show("*/*", "Choose File")
    Wait For CC_Result (Success As Boolean, Dir As String, FileName As String)
    Dim jo As JavaObject = Me
    If Success Then
        Dim FN As String = GetFileNameFromContentResult(FileName)
        Log(FileName)
        Log(FN)
        File.Copy(Dir, FileName, Starter.Provider.SharedFolder, FN)
        jo.RunMethod("SendResult", Array(Starter.Provider.GetFileUri(FN), FilePathCallback))
    Else
        jo.RunMethod("SendResult", Array(Null, FilePathCallback))
    End If
End Sub

And I added this routine:

B4X:

Sub GetFileNameFromContentResult(UriString As String) As String
    If UriString.StartsWith("/") Then 'If the user used a file manager to choose file
        Return UriString.SubString2(UriString.LastIndexOf("/")+3,UriString.Length)
    Else if UriString.IndexOf("%3A") > -1 Then
        Return UriString.SubString2(UriString.LastIndexOf("%3A")+3,UriString.Length)
    Else
        Return UriString
    End If
End Sub

youjunjer · May 4, 2020

Use these codes, I only got a serial number, not the real file name.

JohnC said:

OK, I modified a sub in Erel's example so it will upload the selected file using it's actual name:

B4X:

Sub ShowFile_Chooser (FilePathCallback As Object, FileChooserParams As Object)
    cc.Initialize("CC")
    cc.Show("*/*", "Choose File")
    Wait For CC_Result (Success As Boolean, Dir As String, FileName As String)
    Dim jo As JavaObject = Me
    If Success Then
        Dim FN As String = GetFileNameFromContentResult(FileName)
        Log(FileName)
        Log(FN)
        File.Copy(Dir, FileName, Starter.Provider.SharedFolder, FN)
        jo.RunMethod("SendResult", Array(Starter.Provider.GetFileUri(FN), FilePathCallback))
    Else
        jo.RunMethod("SendResult", Array(Null, FilePathCallback))
    End If
End Sub

And I added this routine:

B4X:

Sub GetFileNameFromContentResult(UriString As String) As String
    If UriString.StartsWith("/") Then 'If the user used a file manager to choose file
        Return UriString.SubString2(UriString.LastIndexOf("/")+3,UriString.Length)
    Else if UriString.IndexOf("%3A") > -1 Then
        Return UriString.SubString2(UriString.LastIndexOf("%3A")+3,UriString.Length)
    Else
        Return UriString
    End If
End Sub

Erel · May 4, 2020

This is expected. You cannot get the file name with this code.

nikitaganco · Sep 24, 2020

hello, is it possible to add option to take picture from camera and upload it? on iphone it is possible and very handy.

JohnC · Sep 24, 2020

You can easily combine this code with the camera code to do that:

Camera2 - Still images and videos

Camera2 library is based on the Camera2 API introduced in Android 5 (API 21). It is designed to work together with CamEx2 class. It is supported by B4A v7.3+. The library will be included as an internal library in the next update. Both image capturing and video recording are supported. CamEx2...

www.b4x.com

nicieri · May 18, 2021

Erel said:
Code requires Android 5+

1. Set a custom WebViewChromeClient. It is implemented with inline Java code.

2. The ShowFile_Chooser event is raised when the user clicks on a "browse" button.

3. You need to get the file URI with FileProvider and call SendResult.
Example based on ContentChooser.

B4X:

Sub ShowFile_Chooser (FilePathCallback As Object, FileChooserParams As Object) cc.Initialize("CC") cc.Show("*/*", "Choose File") Wait For CC_Result (Success As Boolean, Dir As String, FileName As String) Dim jo As JavaObject = Me If Success Then Log(FileName) File.Copy(Dir, FileName, Starter.Provider.SharedFolder, "TempFile") jo.RunMethod("SendResult", Array(Starter.Provider.GetFileUri("TempFile"), FilePathCallback)) Else jo.RunMethod("SendResult", Array(Null, FilePathCallback)) End If End Sub

Project is attached. Don't miss the manifest editor entries that are required for FileProvider.

Example of requesting the Geolocation permission: https://www.b4x.com/android/forum/threads/webviewextra-2-2-enable-geolocation.114147/post-712994

Notes:
- If the code is added to a different activity then you should change ".main$ with ".youractivity$" and it should be lower cased.

How can I set the main in B4X??... because I'm get an error

\b4xmainpage.java:825: error: cannot find symbol
processBA.raiseEventFromUI(this, "showfile_chooser", filePathCallback, fileChooserParams);
^
symbol: variable processBA
location: class MyChromeClient

Erel · May 19, 2021

nicieri said:
How can I set the main in B4X??

Do you mean B4XMainPage ?

Ivica Golubovic · Nov 3, 2021

I know this is an old post, but if anyone still has issues with this topic, try:

UltimateWebView Custom View

IMPORTANT!!! Library deprecated. Use UltimateWebView2 instead. https://www.b4x.com/android/forum/threads/ultimatewebview2.158340/ The purpose of the library is to implement all important classes in one library in order to make work as easy as possible. The library will be upgraded over time by...

www.b4x.com

Thiago Alves de Farias · Feb 9, 2022

How to make this work with AdvancedWebView?

Tnks!

Ivica Golubovic · Feb 9, 2022

Thiago Alves de Farias said:
How to make this work with AdvancedWebView?

Tnks!
View attachment 125289

Start new thread.

Mike1970 · Jun 9, 2022

Erel said:
Do you mean B4XMainPage ?

Yes, i've the same problem

Erel · Jun 9, 2022

The example was updated and is now based on B4XPages.

Mike1970 · Jun 9, 2022

Erel said:
The example was updated and is now based on B4XPages.

Thanks very much.
Sorry again, i will not publish anymore comments to a post that has the orange warning.

rachman · Jun 19, 2023

Erel said:
The example was updated and is now based on B4XPages.

Dear Erel,

Could I get the sample with base default, and not in B4XPages.

Thank you

Erel · Jun 20, 2023

I don't have the old copy. Using activities is a waste of time. The sooner you switch to B4XPages the better.

rachman · Jun 20, 2023

Yes, but I have old project program still using activities , could you give me a sample, because I have tried but still get error

Android Code Snippet Upload files with WebView

Attachments

JohnC

Expert

youjunjer

Member

Erel

B4X founder

nikitaganco

Member

JohnC

Expert

Camera2 - Still images and videos

nicieri

Active Member

Erel

B4X founder

Ivica Golubovic

Active Member

UltimateWebView Custom View

Thiago Alves de Farias

Member

Ivica Golubovic

Active Member

Mike1970

Well-Known Member

Erel

B4X founder

Mike1970

Well-Known Member

rachman

Member

Erel

B4X founder

rachman

Member

Similar Threads

Android Code Snippet Upload files with WebView

Attachments

Expert

Member

B4X founder

Member

Expert

Active Member

B4X founder

Active Member

Member

Active Member

Well-Known Member

B4X founder

Well-Known Member

Member

B4X founder

Member

Similar Threads

Privacy & Transparency

Privacy & Transparency