Android 嵌套H5 网页,图片上传无法调用手机图片问题记录

449 阅读2分钟

这是我参与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网页,图片上传无法调用手机图片问题的解决方案,希望能帮助到大家