File upload doesn't work on webview

[BogdanHossu]

Description

When I am pressing a input file button inside the webview, nothing happens.
I am trying somehow to fix the core webview because I am using a module on top of this webview but also that one has the same problem.

Additional Information

• React Native version: 0.34
• Platform: Android
• Operating System: MacOS

[lacker]

Can you provide a sample app like a rnplay.org link that reproduces this? Especially if there is some error from the webview that would be helpful to know.

[BogdanHossu]

I have made a small example here https://rnplay.org/apps/JFUPjw so if you press choose file nothing will happen. I am expecting a file selector from the local files. And the module/package I am using for my webview is this https://github.com/alinz/react-native-webview-bridge.

[lacker]

Does this work if you just make a regular iOS app and use that WebView? It is not clear to me that regular web pages are supposed to get file-upload-request permissions inside mobile apps.

[BogdanHossu]

Yes, this does work in iOS app.

[hey99xx]

For Android; is it possible you need a permission to read files from the system? Or there might be a need for a native code to handle this. Reading http://stackoverflow.com/questions/24470932/html-file-upload-doesnt-show-gallery-on-android and https://code.google.com/p/android/issues/detail?id=62220 I'm not sure if the default WebView client supports this out of the box.

[iapolog2u]

these two works:

https://github.com/dongyaQin/react-native-webview-file-upload

https://github.com/lucasferreira/react-native-webview-android

[nhayfield]

@the-ant those might work but they don't have all the new onMessage functionality and are outdated

[iapolog2u]

@nhayfield At last, I decided to use the crosswalk webview

[BogdanHossu]

In the end I used the code from this repo. Where I have created my own webview so also the onMessage functionality is there and the file upload.

[nhayfield]

@the-ant yeah i been looking at crosswalk but its still not fully functional for what i need yet. might have to put in some Pull Requests on it

[Oblongmana]

Over the weekend I needed this functionality on Android for a deadline, so I reworked one of the above repos into a library that can be installed into an existing project using the usual process (npm install plus manual linking) - https://github.com/Oblongmana/react-native-webview-file-upload-android.

It still has the limitation of the original repo that it only works with image uploads from the gallery - but PRs to add other input handling are welcomed, and should be relatively simple, the codebase has been stripped down significantly.

For anyone struggling with iOS, you only need to add the NSPhotoLibraryUsageDescription key and a description of why you need Photo Library access into your info.plist

[farazs]

See my PR for this on Android: #12807

[hramos]

Hi there! This issue is being closed because it has been inactive for a while. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. Either way, we're automatically closing issues after a period of inactivity. Please do not take it personally!

If you think this issue should definitely remain open, please let us know. The following information is helpful when it comes to determining if the issue should be re-opened:

• Does the issue still reproduce on the latest release candidate? Post a comment with the version you tested.
• If so, is there any information missing from the bug report? Post a comment with all the information required by the issue template.
• Is there a pull request that addresses this issue? Post a comment with the PR number so we can follow up.

If you would like to work on a patch to fix the issue, contributions are very welcome! Read through the contribution guide, and feel free to hop into #react-native if you need help planning your contribution.