I’m working on a Flutter app that uses webview to show an Airtable form. At first I tried webview 3.0.0 and the form loaded fine but I couldn’t add any images. So I updated to webview 4.2.0 hoping it would fix the issue. But I still can’t upload attachments to the form. The upload button is there but nothing happens when I tap it. Has anyone run into this problem before? Any suggestions on how to get file uploads working in Flutter webview for Airtable forms? I’ve been banging my head against this for a while now and could really use some help!
I’ve encountered similar issues with file uploads in Flutter webviews before. One workaround that worked for me was using the ‘webview_flutter_plus’ package instead of the standard webview. It has better JavaScript support which can help with form interactions.
Another thing to check is if you’ve enabled JavaScript and DOM storage in your WebView settings. Sometimes these need to be explicitly turned on for certain form functionalities to work properly.
If those don’t help, you might need to implement a custom file picker and then pass the selected file data to the webview using JavaScript injection. It’s a bit more complex, but it gives you more control over the file upload process.
Lastly, make sure your app has the necessary permissions to access files/photos on the device. Without proper permissions, the file picker might not even trigger.
I’ve dealt with this exact issue in a recent project. The problem likely stems from the webview’s limited access to device features. What worked for me was implementing a native file picker and then passing the selected file to the webview via JavaScript bridge.
First, use a package like file_picker to handle file selection natively. Then, convert the file to base64 and pass it to your webview using evaluateJavascript(). You’ll need to write a small JavaScript function in your webview to receive this data and populate the form field.
It’s a bit more work, but it’s much more reliable than relying on the webview’s built-in file picker. Plus, it gives you more control over the user experience. Just make sure to handle large files carefully to avoid memory issues.
hey, had similar probs with airtable forms in flutter. tried using inappwebview package? it’s got better js support n file handling. might solve ur issue without too much hassle. also, double check ur app’s got proper file access permissions set up. good luck!