Android h5调用相册相机-CFANZ编程社区

Android H5调用相册相机实现流程

1. 概述

在Android中，可以使用WebView加载H5页面，并通过JavaScript与Android原生代码进行交互。其中，H5调用相册相机是一个常见的需求，本文将详细介绍在Android中实现H5调用相册相机的步骤和代码。

2. 实现步骤

2.1 添加权限

在AndroidManifest.xml文件中添加相机和相册的权限：

<uses-permission android:name=android.permission.CAMERA />
<uses-permission android:name=android.permission.READ_EXTERNAL_STORAGE />
<uses-permission android:name=android.permission.WRITE_EXTERNAL_STORAGE />

2.2 创建WebView并设置WebChromeClient

在MainActivity或者相关Activity中创建WebView，并设置WebChromeClient，用于监听H5调用相册相机的事件。

WebView webView = findViewById(R.id.webView);
webView.setWebChromeClient(new WebChromeClient() {
    // 监听H5调用相册相机事件
    @Override
    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
        // 调用相册相机逻辑
        return true;
    }
});

2.3 实现调用相册相机逻辑

在onShowFileChooser方法中，实现调用相册和相机的逻辑。可以使用系统自带的相册相机，也可以使用第三方库如PhotoPicker等。

// 调用相册
Intent albumIntent = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
startActivityForResult(albumIntent, REQUEST_ALBUM);

// 调用相机
Intent cameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
startActivityForResult(cameraIntent, REQUEST_CAMERA);

2.4 处理相册相机结果

在Activity中重写onActivityResult方法，处理相册和相机的返回结果。

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (resultCode == RESULT_OK) {
        if (requestCode == REQUEST_ALBUM) {
            // 处理相册返回结果
            Uri selectedImage = data.getData();
            // ...
        } else if (requestCode == REQUEST_CAMERA) {
            // 处理相机返回结果
            Bitmap photo = (Bitmap) data.getExtras().get(data);
            // ...
        }
    }
}

3. 代码解析

3.1 添加权限

<uses-permission android:name=android.permission.CAMERA />
<uses-permission android:name=android.permission.READ_EXTERNAL_STORAGE />
<uses-permission android:name=android.permission.WRITE_EXTERNAL_STORAGE />

这段代码添加了相机和相册的权限，用于调用系统相册和相机。

3.2 创建WebView并设置WebChromeClient

WebView webView = findViewById(R.id.webView);
webView.setWebChromeClient(new WebChromeClient() {
    @Override
    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
        // 调用相册相机逻辑
        return true;
    }
});

这段代码创建了一个WebView，并设置WebChromeClient。在onShowFileChooser方法中，可以实现H5调用相册相机的逻辑。

3.3 实现调用相册相机逻辑

Intent albumIntent = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
startActivityForResult(albumIntent, REQUEST_ALBUM);

Intent cameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
startActivityForResult(cameraIntent, REQUEST_CAMERA);

这段代码分别使用系统相册和相机的Intent来实现调用相册和相机的逻辑。通过startActivityForResult方法启动相册和相机，并传入请求码。

3.4 处理相册相机结果

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (resultCode == RESULT_OK) {
        if (requestCode == REQUEST_ALBUM) {
            Uri selectedImage = data.getData();
            // 处理相册返回结果
        } else if (requestCode == REQUEST_CAMERA) {
            Bitmap photo = (Bitmap) data.getExtras().get(data);
            // 处理相机返回结果
        }
    }
}

这段代码重写了onActivityResult方法，在方法中判断请求码和结果码，根据请求码来处理相册和相机的返回结果。

4. 总结

本文介绍