android webview中上传控件点击无效的解决办法

最新推荐文章于 2022-04-03 15:55:10 发布
最新推荐文章于 2022-04-03 15:55:10 发布
阅读量1.3w 收藏 6
点赞数 2
分类专栏： Android 文章标签： android webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ATangSir/article/details/51388662
版权

一、介绍

当我们在使用webview控件打开一个web网页时，如果we页面中带有<input type="file" ...>的控件，在webview中能正常显示这个上传控件，但是你会发现无论你如何点击都无效果，这个是很让人恼火的，一时也不知道如何下手去改，这里阿汤哥会告诉你如何解决该问题，如果我的解决办法能帮到你，请给我点掌声，并给你自己点掌声。

二、解决办法

第一步：重写WebChromeClient

webview的坑比较多，在这个上传文件的坑中遇到一个问题：

最低0.47元/天 解锁文章
ATangSir
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
android webview图片文件上传——上传控件点击无效的解决办法
chunqingtai2922的博客
09-26 1124
现象描述： 在android的webview中，如果web页面中带有< input type=”file” …>的控件，在webview中虽然能正常显示这个上传控件，但是在部分手机上点击却没有任何反应。 查找原因 经过大量机型验证发现5.0以下的可以正常显示出来，5.0及...
android webview事件失效,JQUERY Click事件在Android Webview中不起作用
weixin_33784667的博客
05-26 862
我有一个有三个元素的锚。每个元素都必须响应点击事件。我有这个和Android网络视图应用程序。令人惊讶的点击事件在android浏览器中工作，但是当我尝试android webview应用程序时，没有任何反应。请参阅下面的代码。我不知道我错过了什么，所以点击事件在android webview应用程序中不起作用。$("#cont2 li a").live('click', function (e)...
android用webview加载H5页面出现点击事件失效的问题解决
热门推荐
milli236的博客
08-03 1万+
不论点击还是标签链接都失效，反复查阅，可能性方法试了又试最终解决。总结下：1.开启js支持2.webview 设置WebChromeClient3.websetting和webviewclient import android.os.Bundle; import android.annotation.SuppressLint; import android.app.Activity; impor
Android中使用webview加载网页上的按钮点击失效
时代新人的博客
04-22 6621
Android中使用WebView加载经过适配的html页面，页面跳转到外部浏览器，页面布局出现错乱和有些按钮点击失效的问题，在浏览器上打开连接没问题，嵌到Android里就出问题了，通过下面的设置就可以解决这些问题。 private void initView() { webView = findViewById(R.id.webView); ...
【Android进阶】Android里webview不支持input file的解决方法（上传按钮点击失效的原因）...
08-30 366
三星、华为等android里webview不支持input file的解决方法 原文地址：http://camnpr.com/archives/1093.html 由于安全因素android webview屏蔽了文件上传控件，但是他并没有完全封掉。 [html]view plai...
android webview input=file 失效解决方案
05-24
在Android开发中，Webview是一个重要的组件，它允许我们在原生应用中内嵌网页内容，提供混合式应用的用户体验。然而，在使用Webview时，有时会遇到一个问题：当HTML页面中包含`<input type="file">`用于上传文件的...
Android WebView 不支持 H5 input type=”file” 解决方法
01-05
最近因为赶项目进度，因此将本来要用原生控件实现的界面，自己做了H5并嵌入webview中。发现点击H5中 input type=”file” 标签 不能打开android资源管理器。 通过网络搜索发现是因为 android webview 由于考虑安全...
Android-解决在webview中input标签type="file"不能使用的问题
08-13
在Android开发中，WebView是一个非常重要的组件，它允许我们在原生应用中嵌入网页内容，提供了一种混合式开发的解决方案。然而，在实际使用中，我们可能会遇到一些问题，比如在WebView中使用`<input type="file">`...
Android中替换WebView加载网页失败时的页面
08-31
在Android开发中，WebView是用于在应用程序中展示网页内容的重要组件。然而，在实际使用中，可能会遇到加载网页失败的情况，如网络连接问题或者请求的URL无效。系统默认的错误页面通常只显示简单的错误信息，可能不...
Android WebView 不支持 H5 input type="file" 解决方法
08-30
主要介绍了Android WebView 不支持 H5 input type="file" 解决方法,需要的朋友可以参考下
Android中访问证书有问题的SSL网页的方法
09-04
在Android开发中，`WebView` 是一个非常重要的组件，它允许我们在应用内嵌入网页内容，提供类似浏览器的功能。然而，当尝试加载的网页使用了证书存在问题的SSL（Secure Socket Layer）连接时，`WebView` 默认会阻止...
android webview不支持input type=file 标签解决办法
zuola8579的博客
05-23 9977
项目中遇到  H5的input type="file" 标签在android的webview中失效，查了一下是安卓禁用掉了 重写webview 的WebChromeClient 可以解决 webView.setWebChromeClient(new WebChromeClient(){ //For 3.0+ Devices (Start) // onActivityResu...
解决安卓手机浏览器无法上传文件的问题 xhr.status = 0
qq_41777791的博客
02-27 3578
第二篇博客 解决安卓（手机）浏览器无法上传文件的问题 xhr.status = 0 Created by @一个前端er 2020/02/27 前端菜鸟一枚，欢迎各位大佬对本博文批评指正 昨天写了一个浏览器上传下载文件的一个demo，原生html5 + 原生js，没有依赖jquery，毕竟就一个网页，就用原生的XmlHttpRequest进行请求，都2020年了，就不想着兼容低版本的毒瘤IE浏...
Android Webview解决input事件
ning_gg的个人笔记
05-30 5950
webview调用input上传图片，记录下来private ValueCallback<Uri> mUploadMessage; private ValueCallback<Uri[]> mUploadCallbackAboveL; private final static int FILECHOOSER_RESULTCODE = 1; @Override protected void onCre
安卓WebView文件上传的实现（解决安卓WebView中＜input type=‘file‘/＞标签点击没反应）
sdxjwkq01的博客
04-03 8764
网页端上传文件常用<input type='file'/>标签，放上这个标签，浏览器就会出现这个文件选择器，点击就可以弹出文件选择窗口，很是简单方便，不过，包含<input type='file'/>标签的网页要是在安卓WebView中渲染，<input type='file'/>这个标签就会失效，用户点击后毫无反应，根本原因就是安卓WebView没有实现具体的文件选择器方法，对应的方法是空的，我们要安卓WebView支持<input type='file'/&gt
Android中的webview点击上传控件无效
weixin_34209406的博客
02-09 263
2019独角兽企业重金招聘Python工程师标准>>> ...
Android WebView展示html，其中html点击上传图片无反应解决
最新发布
05-24
要在 Android WebView 中实现点击上传图片的功能，需要做以下几个步骤： 1. 在 WebView 中启用 JavaScript： ```java webView.getSettings().setJavaScriptEnabled(true); ``` 2. 为 WebView 设置 WebChromeClient： ```java webView.setWebChromeClient(new WebChromeClient() { // For Android 5.0+ @Override public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) { if (mFilePathCallback != null) { mFilePathCallback.onReceiveValue(null); } mFilePathCallback = filePathCallback; Intent intent = fileChooserParams.createIntent(); try { startActivityForResult(intent, REQUEST_SELECT_FILE); } catch (ActivityNotFoundException e) { mFilePathCallback = null; Toast.makeText(MainActivity.this, "Cannot open file chooser", Toast.LENGTH_SHORT).show(); return false; } return true; } // For Android < 5.0 public void openFileChooser(ValueCallback<Uri> uploadMsg) { openFileChooser(uploadMsg, null); } // For Android 3.0+ public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) { mUploadMessage = uploadMsg; Intent intent = new Intent(Intent.ACTION_GET_CONTENT); intent.addCategory(Intent.CATEGORY_OPENABLE); intent.setType("*/*"); startActivityForResult(Intent.createChooser(intent, "File Chooser"), FILECHOOSER_RESULTCODE); } }); ``` 这里的 `onShowFileChooser()` 方法是为了支持 Android 5.0 及以上版本的文件上传， `openFileChooser()` 方法是为了支持 Android 3.0 至 Android 4.4 版本的文件上传。在 `onActivityResult()` 方法中处理选择的文件并返回给 WebView： ```java @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (requestCode == FILECHOOSER_RESULTCODE) { if (null == mUploadMessage) return; Uri result = data == null || resultCode != RESULT_OK ? null : data.getData(); mUploadMessage.onReceiveValue(result); mUploadMessage = null; } else if (requestCode == REQUEST_SELECT_FILE) { if (mFilePathCallback == null) return; Uri[] results = null; // Check that the response is a good one if (resultCode == Activity.RESULT_OK) { if (data == null) { // If there is not data, then we may have taken a photo if (mCameraPhotoPath != null) { results = new Uri[]{Uri.parse(mCameraPhotoPath)}; } } else { String dataString = data.getDataString(); ClipData clipData = data.getClipData(); if (clipData != null) { results = new Uri[clipData.getItemCount()]; for (int i = 0; i < clipData.getItemCount(); i++) { ClipData.Item item = clipData.getItemAt(i); results[i] = item.getUri(); } } if (dataString != null) { results = new Uri[]{Uri.parse(dataString)}; } } } mFilePathCallback.onReceiveValue(results); mFilePathCallback = null; } } ``` 3. 在 HTML 中添加上传文件的代码： ```html <input type="file" id="fileInput" name="fileInput" multiple> ``` 这里的 `id` 和 `name` 两个属性都必须为 `fileInput`，否则在 WebView 中无法触发文件上传事件。同时，为了支持多选文件，可以将 `multiple` 属性设置为 `true`。 4. 在 JavaScript 中触发文件上传事件： ```javascript document.getElementById("fileInput").click(); ``` 这里的 `click()` 方法是为了模拟用户点击上传文件按钮。当用户点击上传文件按钮时，WebView 就会弹出文件选择框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值