快速解决Flutter的Webview在安卓上不支持选择图片

GeniuswongAir

已于 2025-02-18 14:38:51 修改

阅读量454

点赞数 3

CC 4.0 BY-SA版权

文章标签： flutter android

于 2024-12-23 02:43:38 首次发布

本文链接：https://blog.youkuaiyun.com/wgx8635/article/details/144655968

webview_flutter: 4.8.0

我们Flutter用的这个插件，来做的Webview，一直都没什么问题。

今天突然来了一个需求，发现H5写的上传图片，在选择图片的时候，没有反应，只在安卓上没反应。 IOS上可以正常选择照片、拍照。

快速解决办法：

直接换用

flutter_inappwebview: 6.1.5

不要在这儿耗时间，开发flutter遇到一些问题，是插件不支持的，就果然换另一个插件。

现在换了 flutter_inappwebview 就都支持了。

更新

之前是没时间，现在有空来解决这个问题了，换用 flutter_inappwebview 并不是最好的选择，

更快速的解决办法在这里： 优雅解决webview_flutter不支持安卓选择图片视频文件问题_flutter的webview中点击相机和照片没有反应-优快云博客

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GeniuswongAir

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

android WebView使用input选择图片无法使用方案

探索家的博客

04-07

937

重写 WebView的 setWebChromeClient方法 private ValueCallback<Uri> mUploadMessage; private ValueCallback<Uri[]> mUploadCallbackAboveL; private int FILECHOOSER_RESULTCODE = 200; // 以下方法在初始化布局的时...

Flutter WebView加载HTTP页面不显示？这个方法让你轻松解决

我码玄黄的博客

08-18

792

Flutter WebView加载HTTP地址时出现白屏？通过修改Android的network_security_config.xml和iOS的Info.plist配置，可解决此问题。但请注意，这可能降低应用安全性，推荐使用HTTPS。

参与评论您还未登录，请先登录后发表或查看评论

webview_flutter_lecle:Flutter应用程序的WebView插件已修复错误，无法在origianl插件中使用相机和麦克风

03-26

颤振的WebView 您可以在此处找到原始软件包以及如何实现它提供WebView小部件的Flutter插件。修复了无法使用原始包装中的摄像头和麦克风的错误。在iOS上，WebView小部件由支持; 在Android上，WebView小部件由支持。

Flutter 安卓WebView拍照上传图片文件问题及InAppWebView使用

xiaokangss的博客

11-24

1494

最近项目中加了一个H5的链接，里面有拍照、选照片和文件，以前用的原生的WebView，iOS功能还可以正常弹窗，安卓死活没反应，就换了一种方案，使用InAppWebView看看。如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。

优雅解决webview_flutter不支持安卓选择图片视频文件问题

王氏秘籍

01-18

831

搞Flutter，我个人非常不喜欢去修改插件，一个是麻烦，二是插件如果有更新，还要去注意自己改的东西有没有受影响，非常麻烦。这个问题，网上一搜索，就是要去修改别人写好的插件。搞Flutter开发，尽量不要去修改别人的插件，特别是像。当然了，这里使用了FilePicker，你也可替换成你想用的，比如ImagePicker，或者别的；你也可以判断一下FileSelectorParams，根据不同类型，来选用不同的图片、视频、文件选择器。第一步，先判断是安卓端，才解决这个问题，先找到。

webview_flutter官方插件选择文件、图片的问题

SuperBin的博客

09-30

3799

前言 webview_flutter官方的webview插件，很多功能缺失，现在H5有上传图片的需求，但官方的插件并不支持。点击H5中的选择文件，没有任何响应，问题issues，官方库的issues上已经有提出相关问题。原因分析 H5要想调用原生选择图片功能，需要webview重写WebChromeClient类中的onShowFileChooser方法。解决方案使用其他完善的webview替代 flutter_inappwebview 这个库目前最完善 flutter_webview_plug

flutter webview 一直黑屏以及js调用失败.pdf

12-16

综上所述，解决Flutter Webview的黑屏和JavaScript调用失败问题，关键在于正确初始化Webview，确保JavaScript桥接的可用性，以及在适当的时间执行JavaScript代码。通过排查上述各个层面的问题，通常能够找到并解决...

Flutter漂亮浏览器插件，flutter webview功能强大插件

05-29

在Android平台上，Flutter Webview插件可以利用Java代码来处理更复杂的任务，比如权限请求、自定义加载进度条等。通过`MethodChannel`，Flutter Dart代码可以调用Java的平台通道方法，实现跨平台的交互。同样，Java...

Flutter webview-flutter 问题

热门推荐

浅浅同学的开发笔记

08-31

2万+

发现一个 Webview 的坑：上个周，项目中有需要接入一个 H5 页面，H5 中有上传图片的功能，接入测试的时候，发现 iOS 端正常，但是所有的 Android 手机在点击上传图片的按钮时，都毫无反应。当时我的表情是这样的 (˶‾᷄ ⁻̫ ‾᷅˵) 。。问题原因：原因是 H5 访问本地文件的时候，使用的<input type="file"> ,WebView 出于安全性的考虑，限制了以上操作，

Flutter WebView(flutter_inappwebview)

m0_46527751的博客

01-29

9323

Flutter WebView WebView在flutter中的实现方法主要有三种，三种的对比可以参考这篇文章在https://pub.dev/上搜索webview 我们选择的是第三种flutter_inappwebview 官方文档给出了在使用时的要求使用方法如下添加依赖 dependencies: flutter_inappwebview: ^5.3.2 使用时在对应文件下导包 import 'package:flutter_inappwebview/flutter_inappwe

flutter_inappwebview 中上传文件、图片闪退

qiaozi的博客

10-10

2550

解决flutter_inappwebview中上传图片APP闪退问题

Android/Flutter WebView加载H5区分拍照和选择图片

SuperBin的博客

10-21

5975

这里写自定义目录标题前言结论问题分析H5端Android-WebView端参考测试html文件前言在使用flutter_inappwebview时，H5中需要进行交互拍照、选择图片。但in_appwebview中实现的方式目前无法区分拍照还是选择图片。现在分析原因，看解决办法。结论先上结论 H5中使用以下方式调用，一定要加上capture，表明希望通过捕获的方式获取照片，也就是拍照。 <input type="file" accept="image/*" capture> And

Flutter webview_flutter 插件无法选择文件、图片问题解决

weixin_43952004的博客

06-12

2817

Flutter webview_flutter插件无法选择图片或文件问题解决

Flutter Web 选取并上传图片

hsw

01-07

582

【代码】Flutter Web 选取并上传图片。

探索移动应用的新维度：Flutter InAppWebView插件

gitblog_00265的博客

08-23

517

探索移动应用的新维度：Flutter InAppWebView插件 flutter_inappwebviewA Flutter plugin that allows you to add an inline webview, to use a headless webview, and to open an in-app browser window.项目地址:https://gitcode.c...

解决Unable to preventDefault inside passive event listener invocation.报错

qq_39877681的博客

11-29

1863

解决Unable to preventDefault inside passive event listener invocation.报错

Flutter随记五：Image、FadeImage、ResizeImage、FileImage、AssetImage组件使用及使用问题解决

鸡肋佐的博客

06-27

4532

Flutter随记五：Image、FadeImage、ResizeImage、FileImage、AssetImage组件使用及使用问题解决

关于android webview 的那些坑

魏亚笛的博客

07-25

3254

近日做项目的时候使用webview 遇到一些麻烦。第一条：H5页面选择图片时，点击无效。（无法选择照片）第二条：当修复完第一条bug时，出现新bug，如果选择照片时，什么都不选返回，会出现无法点击的情况。第三条：如何打开PDF格式的文件首先第一个问题，h5中调用摄像头的代码是： <input accept="image/*" capture="camera" id="...

flutter webview 无法在android12 打开软键盘，怎么解决

06-09

这可能是由于 Android 12 引入了一些安全性更改所导致的。以下是一些可能的解决方案： 1. 更新 Webview 版本：尝试使用最新版本的 Webview，因为可能已经解决了与 Android 12 的兼容性问题。 2. 使用最新的 Flutter 版本：确保您的 Flutter 版本是最新的，并使用最新的 Flutter Webview 插件。 3. 检查权限：确保您的应用程序在 AndroidManifest.xml 中声明了正确的权限。例如，如果您的应用程序需要访问网络，则必须声明 `<uses-permission android:name="android.permission.INTERNET" />` 权限。 4. 检查输入法设置：检查您的设备输入法设置，确保已启用软键盘。 5. 使用第三方解决方案：如果以上解决方案都无法解决问题，可以尝试使用第三方解决方案，例如 Flutter Webview 的 Fork，或者使用其他的 Webview 插件。