Android 开发：如何让 H5 只唤起手机系统相册

百度首页

疫情的影响，让迭代 App 的周期越来越短，很多情况下，为了快速发版，会使用 Webview 内嵌 H5 来开发，这两天遇到了发布一些资料的需求，这个是需要 H5 来做的。

为了限制发布图片的规格（避免调用拍照造成的更多的小问题），有了一个限制开启相机的需求，最好做到点击 H5 中的上传图片，就能够吊起系统相册。

当然了，没搜索到相关的技术贴，所以才有了今天的这篇文章。

其实也是在不断试错中试出来的。

一、排除了使用 H5 的 input 标签来限制

如果各位读者小伙伴用 input 标签中的内容限制住了，不妨评论一下。

二、只能从本地代码这找突破口了

用过 H5 交互的小伙伴应该都知道，如果用 H5 调用相机的话，我们可以使用

WebChromeClient 中的 onShowFileChooser，去捕捉到一些动作，所以添加了自定义的 WebChromeClient。

我这里只适配了 android 5.0 版本之上的，低版本的如果大家需要适配，可以实现以下这个 onShowFileChooser 方法的同名方法

public class JustImgWebViewClient extends WebChromeClient {@Override public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) { return requestPermission(filePathCallback); } }

然后设置给 webview，当然其余的 setting 也一定记得设定啊

在初始化 webview 的时候，对webview 的setting 做了必要的设置。

private void init() { WebSettings settings = getSettings(); settings.setJavaScriptEnabled(true); settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); settings.setDomStorageEnabled(true); settings.setGeolocationEnabled(true); settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); settings.setAllowFileAccess(true); setWebChromeClient(new JustImgWebViewClient()); }

在调用本地相机相册系统之前，会执行 onShowFileChooser 方法，而在这个方法内部，需要做拍照和访问本地存储卡权限的处理，如果权限处理好了，就可以执行真正的逻辑了，权限的处理如下

public boolean requestPermission(ValueCallback<Uri[]> filePathCallback) {if (ActivityCompat.checkSelfPermission(getContext(), Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED || ActivityCompat.checkSelfPermission(getContext(), Manifest.permission.READ_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED || ActivityCompat.checkSelfPermission(getContext(), Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED ) { Toast.makeText(getContext(), "请打开相机权限", Toast.LENGTH_SHORT).show(); ActivityCompat.requestPermissions((Activity) getContext(), new String[]{Manifest.permission.CAMERA, Manifest.permission.READ_EXTERNAL_STORAGE, Manifest.permission.WRITE_EXTERNAL_STORAGE}, 110); return false; } else { mUploadCallbackAboveL = filePathCallback; take(); return true; } }

当然，权限的回调需要放到 Activity 中去处理了，这里我们先忽略掉权限的处理。直接看本文章的重点：去除拍照的选项。

直接看代码逻辑吧

public void take() { File imageStorageDir = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "MyApp"); if (!imageStorageDir.exists()) { imageStorageDir.mkdirs(); } File file = new File(imageStorageDir + File.separator + "IMG_" + String.valueOf(System.currentTimeMillis()) + ".jpg"); imageUri = Uri.fromFile(file); final List<Intent> cameraIntents = new ArrayList<Intent>(); final Intent captureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); final PackageManager packageManager = getContext().getPackageManager(); final List<ResolveInfo> listCam = packageManager.queryIntentActivities(captureIntent, 0); for (ResolveInfo res : listCam) { final String packageName = res.activityInfo.packageName; final Intent i = new Intent(captureIntent); if (!res.activityInfo.name.contains("amera")) { i.setComponent(new ComponentName(res.activityInfo.packageName, res.activityInfo.name)); i.setPackage(packageName); i.putExtra(MediaStore.EXTRA_OUTPUT, imageUri); cameraIntents.add(i); } } Intent i = new Intent(Intent.ACTION_GET_CONTENT); i.addCategory(Intent.CATEGORY_OPENABLE); i.setType("image/*"); Intent chooserIntent = Intent.createChooser(i, "Image Chooser"); chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, cameraIntents.toArray(new Parcelable[]{})); ((Activity) getContext()).startActivityForResult(chooserIntent, FILE_CHOOSER_RESULT_CODE); }}

真正的逻辑就在这里