这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战
最近项目中用到安卓原生APP 嵌套H5网页,使用安卓原生WebView实现,本来是需要我们通过协议调取系统相册完成选择图片和上传图片的,后来发现H5可以自己调用,就交给了H5,但是还是需要我们这边支持,因为他们在做的过程中发现,H5在网页可以自己调用,但是嵌套到App里面点了按钮没有任何反应,介于目前手机系统都很高了,我这边就不说3.0版本的兼容了,直接说5.0的,具体代码如下:
private ValueCallback<Uri> valueCallback;
private ValueCallback<Uri[]> valueCallbackArray;
private final int REQUEST_CODE = 0x1010;
private final static int RESULT_CODE = 0x1011;
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
@Override
public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
if (valueCallbackArray != null) {
valueCallbackArray.onReceiveValue(null);
valueCallbackArray = null;
}
valueCallbackArray = filePathCallback;
Intent intent = fileChooserParams.createIntent();
try {
startActivityForResult(intent, REQUEST_CODE);
} catch (Exception e) {
valueCallbackArray = null;
return false;
}
return true;
}
});
当然webview的一些基本设置还是要全部加上的,这里我也把代码贴下吧
settings.setUserAgentString(userAgent);
settings.setDatabaseEnabled(true);
settings.setGeolocationEnabled(true);
settings.setDomStorageEnabled(true);//设置可以使用localStorage
settings.setAppCacheEnabled(true);//设置H5的缓存打开,默认关闭
settings.setAppCachePath(ConstantsData.DEFAULT_WEBVIEW_CACHE_FOLDER);// 把内部私有缓存目录'/data/data/包名/cache/'作为WebView的AppCache的存储路径
settings.setAppCacheMaxSize(5 * 1024 * 1024);
settings.setAllowFileAccess(true);
settings.setJavaScriptEnabled(true);
settings.setLoadWithOverviewMode(true);//设置webView自适应屏幕大小
settings.setBuiltInZoomControls(true);//关闭zoom
settings.setDisplayZoomControls(false);
settings.setSupportZoom(true);//关闭zoom按钮
settings.setRenderPriority(WebSettings.RenderPriority.LOW);
settings.setBlockNetworkImage(true);
settings.setDatabasePath(ConstantsData.DEFAULT_WEBVIEW_CACHE_FOLDER);// API 19
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
settings.setAllowFileAccessFromFileURLs(true);
settings.setAllowUniversalAccessFromFileURLs(true);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
settings.setMixedContentMode(WebSettings.LOAD_NORMAL);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
settings.setUseWideViewPort(true);
} else {
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
settings.setMediaPlaybackRequiresUserGesture(false);
}
if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
CookieManager.getInstance().setAcceptThirdPartyCookies(this, true);
}
这是webview的一些通用设置,根据需求增删就可以了,当然这个只是项目中用到发现的问题解决方案,不代表可以适用所有场合,具体情况,具体分析,思路是一样的,当然需要对webview的版本差异需要简单的了解下,还有6.0以后的权限申请也是需要的,这里就没有具体贴相关代码了
总结
以上就是关于嵌套H5网页,图片上传无法调用手机图片问题的解决方案,希望能帮助到大家