Android Code Snippet Upload files with WebView

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.

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]

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

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:

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]

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

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

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:

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]

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

 

[nikitaganco]

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

 

[JohnC]

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]

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.

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]

How can I set the main in B4X??

Do you mean B4XMainPage ?

 

[Ivica Golubovic]

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]

How to make this work with AdvancedWebView?

Tnks!

 

[Ivica Golubovic]

How to make this work with AdvancedWebView?

Tnks!
View attachment 125289

Start new thread.

 

[Mike1970]

Do you mean B4XMainPage ?

Yes, i've the same problem

 

[Erel]

The example was updated and is now based on B4XPages.

 

[Mike1970]

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]

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]

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

 

[rachman]

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