安卓WebView(H5)调用原生相机及相册

article/2025/9/17 17:02:02

在开始叙述正文之前笔者先声明一下应用场景：例如在网页上的即时通讯需要能拍照或者从图库选择图片来进行上传,此场景下就可以用到这篇文章的内容

正文
首先，如果你已经把相机以及访问文件夹的权限都加上了并且WebView的基础操作都做完了，就差上传图片了的话那就参考以下代码主，要是重写了setWebChormeClient(){}里的onShowFileChooser(){}方法

   private ValueCallback<Uri> mUploadMessage; private ValueCallback<Uri[]> mUploadCallbackAboveL;private Uri imageUri; //图片地址mWv.setWebChromeClient(new WebChromeClient() {//相机  相册@Overridepublic boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {mUploadCallbackAboveL = filePathCallback;takePhoto();return true;}});/*** 调用相机/相册选择窗*/private void takePhoto() {String filePath = Environment.getExternalStorageDirectory() +File.separator;
//                + File.separator
//                + Environment.DIRECTORY_PICTURES + File.separator;String fileName = "IMG_" + DateFormat.format("yyyyMMdd_hhmmss", Calendar.getInstance(Locale.CHINA)) + ".jpg";imageUri = Uri.fromFile(new File(filePath + fileName));//相册相机选择窗Intent captureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);captureIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);Intent Photo = new Intent(Intent.ACTION_PICK,MediaStore.Images.Media.EXTERNAL_CONTENT_URI);Intent chooserIntent = Intent.createChooser(Photo, "选择上传方式");chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Parcelable[]{captureIntent});startActivityForResult(chooserIntent, 1);}@Overrideprotected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {super.onActivityResult(requestCode, resultCode, data);if (Build.VERSION.SDK_INT >= 21) {chooseAbove(resultCode, data);} else {chooseBelow(resultCode, data);}}/*** Android API < 21(Android 5.0)版本的回调处理*/public void chooseBelow(int resultCode, Intent data) {Log.e("Base", "调用方法  chooseBelow");if (Activity.RESULT_OK == resultCode) {updatePhotos();if (data != null) {// 这里是针对文件路径处理Uri uri = data.getData();if (uri != null) {Log.e("Base", "系统里取到的图片：" + uri.toString());mUploadMessage.onReceiveValue(uri);} else {mUploadMessage.onReceiveValue(null);}} else {// 以指定图像存储路径的方式调起相机，成功后返回data为空Log.e("Base", "自己命名的图片：" + imageUri.toString());mUploadMessage.onReceiveValue(imageUri);}} else {mUploadMessage.onReceiveValue(null);}mUploadMessage = null;}/*** Android API >= 21(Android 5.0) 版本的回调处理*/public void chooseAbove(int resultCode, Intent data) {Log.e("Base", "调用方法  chooseAbove   " +data);if (Activity.RESULT_OK == resultCode) {updatePhotos();if (data != null) {// 这里是针对从文件中选图片的处理Uri[] results;Uri uriData = data.getData();if (uriData != null) {results = new Uri[]{uriData};for (Uri uri : results) {Log.e("Base", "系统里取到的图片：" + uri.toString());}mUploadCallbackAboveL.onReceiveValue(results);} else {mUploadCallbackAboveL.onReceiveValue(null);}} else {Log.e("Base", "自己命名的图片：" + imageUri.toString());mUploadCallbackAboveL.onReceiveValue(new Uri[]{imageUri});}} else {mUploadCallbackAboveL.onReceiveValue(null);}mUploadCallbackAboveL = null;}//发送广播进行更新相册private void updatePhotos() {// 该广播即使多发（即选取照片成功时也发送）也没有关系，只是唤醒系统刷新媒体文件Intent intent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE);intent.setData(imageUri);sendBroadcast(intent);}

以上基本就是在网页上进行调用相机或者打开相册的全部内容了，但是还有几个需要注意的点
第一点：如果你在已经弹出来的弹窗上选择相机或者相册时会报错导致闪退，那么你就需要在Activity的onCreate()方法里加入以下代码

//为了避免点击相册或者相机的按钮时报错
StrictMode.VmPolicy.Builder builder = new StrictMode.VmPolicy.Builder();
StrictMode.setVmPolicy(builder.build());

第二点：因为该代码里拍完照照片存储的路径是

storage/emulated/0/图片名.jpg

所以就需要你判断是否有访问该文件夹的权限，如果你没有权限那么你拍完的照是无法传给前端的，所以拍完照点击完图片上的对号你会发现没有反应，这就是没有权限所以取不到图片导致的。你也可以在Android Studio上的Device File Explorer里面找到该文件看是不是能打开，如果显示的是在这里插入图片描述
那么这个时候就是证明没有权限，你可以去获取权限或者用另外一种简单的方法就是在项目下的build.gradle将 targetSdk的值改成23或者小于23(笔者是用的23)即可(改targetSdk的值或者获取权限视自己的项目的情况而定)，以上就是全部内容，如果有哪里有误还请各位读者指出，感谢