Android WebView 选择图片

最新推荐文章于 2024-02-22 10:04:44 发布
最新推荐文章于 2024-02-22 10:04:44 发布
阅读量977 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Android 文章标签： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MAIMIHO/article/details/107237496
本文介绍如何在Android应用中使用WebView加载网页并实现图片选择功能。通过设置WebView参数，启用JavaScript和文件访问，自定义WebChromeClient来处理图片选择事件，使用Intent启动文件选择器，最后解析返回的URI获取选中的图片。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Android WebView 选择图片

public static final int SELECT_IMAGE_REQUEST_CODE = 1000;
private WebView mWebView;
private ValueCallback<Uri[]> mValueCallback;

private void setWeb() {
    mWebView.loadUrl(url);
    WebSettings webSettings = mWebView.getSettings();
    webSettings.setTextZoom(100);
    webSettings.setUseWideViewPort(true);
    webSettings.setLoadWithOverviewMode(true);
    webSettings.setAppCacheEnabled(true);
    webSettings.setDatabaseEnabled(true);
    webSettings.setDomStorageEnabled(true);
    webSettings.setAllowFileAccess(true);
    webSettings.setJavaScriptEnabled(true);
    webSettings.setLoadsImagesAutomatically(true);
    webSettings.setAllowFileAccessFromFileURLs(true);
    mWebView.setHorizontalScrollBarEnabled(false);
    mWebView.setVerticalScrollBarEnabled(false);
    mWebView.setWebChromeClient(new MyWebChromeClient());
}

class MyWebChromeClient extends WebChromeClient {
    @Override
    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> valueCallback, FileChooserParams fileChooserParams) {
        resetWebSelectImageCallBack();
        mValueCallback = valueCallback;
        selectImage();
        return true;
    }
}

private void selectImage() {
    Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
    intent.addCategory(Intent.CATEGORY_OPENABLE);
    intent.setType("image/*");
    startActivityForResult(Intent.createChooser(intent, "Image Chooser"), SELECT_IMAGE_REQUEST_CODE);
}

@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (SELECT_IMAGE_REQUEST_CODE == requestCode) {
        if (RESULT_OK != resultCode) {
            resetWebSelectImageCallBack();
            return;
        }
        if (null != mValueCallback) {
            Uri uri = data.getData();
            mValueCallback.onReceiveValue(new Uri[]{UriUtils.file2Uri(UriUtils.uri2File(uri))});
            mValueCallback = null;
        }
    }
}

private void resetWebSelectImageCallBack() {
    if (null != mValueCallback) {
        mValueCallback.onReceiveValue(null);
        mValueCallback = null;
    }
}

UriUtils

/**
    * File to uri.
    *
    * @param file The file.
    * @return uri
    */
public static Uri file2Uri(@NonNull final File file) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
        String authority = Utils.getApp().getPackageName() + ".utilcode.provider";
        return FileProvider.getUriForFile(Utils.getApp(), authority, file);
    } else {
        return Uri.fromFile(file);
    }
}

/**
    * Uri to file.
    *
    * @param uri The uri.
    * @return file
    */
public static File uri2File(@NonNull final Uri uri) {
    Log.d("UriUtils", uri.toString());
    String authority = uri.getAuthority();
    String scheme = uri.getScheme();
    String path = uri.getPath();
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N
            && path != null) {
        String[] externals = new String[]{"/external", "/external_path"};
        for (String external : externals) {
            if (path.startsWith(external + "/")) {
                File file = new File(Environment.getExternalStorageDirectory().getAbsolutePath()
                        + path.replace(external, ""));
                if (file.exists()) {
                    Log.d("UriUtils", uri.toString() + " -> " + external);
                    return file;
                }
            }
        }
    }
    if (ContentResolver.SCHEME_FILE.equals(scheme)) {
        if (path != null) return new File(path);
        Log.d("UriUtils", uri.toString() + " parse failed. -> 0");
        return null;
    }// end 0
    else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT
            && DocumentsContract.isDocumentUri(Utils.getApp(), uri)) {
        if ("com.android.externalstorage.documents".equals(authority)) {
            final String docId = DocumentsContract.getDocumentId(uri);
            final String[] split = docId.split(":");
            final String type = split[0];
            if ("primary".equalsIgnoreCase(type)) {
                return new File(Environment.getExternalStorageDirectory() + "/" + split[1]);
            } else {
                // Below logic is how External Storage provider build URI for documents
                // http://stackoverflow.com/questions/28605278/android-5-sd-card-label
                StorageManager mStorageManager = (StorageManager) Utils.getApp().getSystemService(Context.STORAGE_SERVICE);
                try {
                    Class<?> storageVolumeClazz = Class.forName("android.os.storage.StorageVolume");
                    Method getVolumeList = mStorageManager.getClass().getMethod("getVolumeList");
                    Method getUuid = storageVolumeClazz.getMethod("getUuid");
                    Method getState = storageVolumeClazz.getMethod("getState");
                    Method getPath = storageVolumeClazz.getMethod("getPath");
                    Method isPrimary = storageVolumeClazz.getMethod("isPrimary");
                    Method isEmulated = storageVolumeClazz.getMethod("isEmulated");

                    Object result = getVolumeList.invoke(mStorageManager);

                    final int length = Array.getLength(result);
                    for (int i = 0; i < length; i++) {
                        Object storageVolumeElement = Array.get(result, i);
                        //String uuid = (String) getUuid.invoke(storageVolumeElement);

                        final boolean mounted = Environment.MEDIA_MOUNTED.equals(getState.invoke(storageVolumeElement))
                                || Environment.MEDIA_MOUNTED_READ_ONLY.equals(getState.invoke(storageVolumeElement));

                        //if the media is not mounted, we need not get the volume details
                        if (!mounted) continue;

                        //Primary storage is already handled.
                        if ((Boolean) isPrimary.invoke(storageVolumeElement)
                                && (Boolean) isEmulated.invoke(storageVolumeElement)) {
                            continue;
                        }

                        String uuid = (String) getUuid.invoke(storageVolumeElement);

                        if (uuid != null && uuid.equals(type)) {
                            return new File(getPath.invoke(storageVolumeElement) + "/" + split[1]);
                        }
                    }
                } catch (Exception ex) {
                    Log.d("UriUtils", uri.toString() + " parse failed. " + ex.toString() + " -> 1_0");
                }
            }
            Log.d("UriUtils", uri.toString() + " parse failed. -> 1_0");
            return null;
        }// end 1_0
        else if ("com.android.providers.downloads.documents".equals(authority)) {
            final String id = DocumentsContract.getDocumentId(uri);
            if (!TextUtils.isEmpty(id)) {
                try {
                    final Uri contentUri = ContentUris.withAppendedId(
                            Uri.parse("content://downloads/public_downloads"),
                            Long.valueOf(id)
                    );
                    return getFileFromUri(contentUri, "1_1");
                } catch (NumberFormatException e) {
                    if (id.startsWith("raw:")) {
                        return new File(id.substring(4));
                    }
                }
            }
            Log.d("UriUtils", uri.toString() + " parse failed. -> 1_1");
            return null;
        }// end 1_1
        else if ("com.android.providers.media.documents".equals(authority)) {
            final String docId = DocumentsContract.getDocumentId(uri);
            final String[] split = docId.split(":");
            final String type = split[0];
            Uri contentUri;
            if ("image".equals(type)) {
                contentUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;
            } else if ("video".equals(type)) {
                contentUri = MediaStore.Video.Media.EXTERNAL_CONTENT_URI;
            } else if ("audio".equals(type)) {
                contentUri = MediaStore.Audio.Media.EXTERNAL_CONTENT_URI;
            } else {
                Log.d("UriUtils", uri.toString() + " parse failed. -> 1_2");
                return null;
            }
            final String selection = "_id=?";
            final String[] selectionArgs = new String[]{split[1]};
            return getFileFromUri(contentUri, selection, selectionArgs, "1_2");
        }// end 1_2
        else if (ContentResolver.SCHEME_CONTENT.equals(scheme)) {
            return getFileFromUri(uri, "1_3");
        }// end 1_3
        else {
            Log.d("UriUtils", uri.toString() + " parse failed. -> 1_4");
            return null;
        }// end 1_4
    }// end 1
    else if (ContentResolver.SCHEME_CONTENT.equals(scheme)) {
        return getFileFromUri(uri, "2");
    }// end 2
    else {
        Log.d("UriUtils", uri.toString() + " parse failed. -> 3");
        return null;
    }// end 3
}

private static File getFileFromUri(final Uri uri, final String code) {
    return getFileFromUri(uri, null, null, code);
}

private static File getFileFromUri(final Uri uri,
                                    final String selection,
                                    final String[] selectionArgs,
                                    final String code) {
    final Cursor cursor = Utils.getApp().getContentResolver().query(
            uri, new String[]{"_data"}, selection, selectionArgs, null);
    if (cursor == null) {
        Log.d("UriUtils", uri.toString() + " parse failed(cursor is null). -> " + code);
        return null;
    }
    try {
        if (cursor.moveToFirst()) {
            final int columnIndex = cursor.getColumnIndex("_data");
            if (columnIndex > -1) {
                return new File(cursor.getString(columnIndex));
            } else {
                Log.d("UriUtils", uri.toString() + " parse failed(columnIndex: " + columnIndex + " is wrong). -> " + code);
                return null;
            }
        } else {
            Log.d("UriUtils", uri.toString() + " parse failed(moveToFirst return false). -> " + code);
            return null;
        }
    } catch (Exception e) {
        Log.d("UriUtils", uri.toString() + " parse failed. -> " + code);
        return null;
    } finally {
        cursor.close();
    }
}
android 5.0 webview选择图片,android系统webview使用input实现选择图片并预览
weixin_30191159的博客
05-26 688
一般系统的实现方式：代码实现图片预览 $('.select').change(function(e) {var _URL = window.URL || window.webkitURL;$("#previewimg").attr("src", _URL.createObjectURL(this.files[0]))})input type="file"就是文件选择标签，默认样式为：...
webView选择图片并上传
08-19
android 使用webView选择图片并上传，相关联的服务器代码地址：http://download.csdn.net/detail/vipa1888/5975311
H5获取手机相机或相册图片两种方式-Android通过webview传递多张照片给H5
麦小洛
02-22 9424
H5调用公共获取图片文件方法，在android手机端，H5主要依赖Webview,这边在webview声明并重写该方法onShowFileChooser使用工具类打开相机或相册，可以两种方式安卓原生方式或者利用第三方组件库方式选中图片，返回uri列表给H5H5收到uri照片列表，并且使用前端方式展示！
Android WebView 选择图片并上传（调用相机拍照/相册/选择文件）
WL-鬼
07-20 1万+
前言： 这个功能其实我才刚接触。不熟...在这个给大家提供的都是经过本人验证之后的一些案例。可以在项目中跑的。 最近项目嵌入混合开发，都是使用WebView来跳转，页面展示。有用到这个图片上传的功能。 原本是一脸懵的，查了很多资料看一些大神都写的很多代码很复杂（原谅我是小白） 正文： 先看一下效果先： 代码： 我这里代码都是写在Fragment里面的 直接...
Android WebView选择图片、发送图片
yechaoa
01-23 2519
WebView控件是经常用到的，如果WebView中有选择图片这种操作，光是settings.setJavaScriptEnabled(true); 还是不够的，还需要重写WebChromeClient 和 WebViewClient 初始化操作 mWebView.setWebChromeClient(new MyWebChromeClient()); mWebView.setWeb
android 之 webView 显示h5 执行选择图片或者拍照功能
09-05
开发工具是 android studio SDK版本是 4.3 实现过程基本是这样 h5中调用手机选择文件图片的代码是： 用安卓的 webView 控件来显示h5网页 然后给webView 设置WebChromeClient WebChromeClient 主要处理解析，渲染网页等浏览器做的事情 设置完毕后 重写WebChromeClient 的openFileChooser方法即可实现h5调用手机摄像头了。 但是这个方法的使用却不简单，这个方法是要调用webview的setWebChromeClient方法，然后重写一个WebChromeClient类。来到这一步，相信有点开发经验的同行都不难解决。问题的关键就在于，当你重写WebChromeClient这个类的时候会发现，根本就没有openFileChooser这个方法，那要怎么重写呢？是不是意味着这个方法其实行不通？于是再次翻查资料，发现原来这个方法居然是隐藏方法，并不不存在显性的继承重写关系。 最后，我发现要使用这个方法，还得自己继承WebChromeClient这个类把openFileChooser(ValueCallback uploadFile)这个方法给写出来，代码如下：
android webView 图片选择
tiger10100的专栏
08-28 1620
android webView 图片选择 一、webView 图片选择器调用触发 开发中经常会与H5 交互，遇到图片选择怎么办呢？ WebChromeClient 中 onShowFileChooser 可以用来处理图片选择问题 代码如下： mWebView.setWebChromeClient(new WebChromeClient(){ private Uri imgUri; @Override public boolean
android webview 选择图片
最新发布
04-11
在Android WebView中实现图片选择上传功能需要以下步骤： ### 一、基础配置 1. 添加文件上传权限 ```xml <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android....
Android webview打开相册选择图片并上传到服务器，（亲测可用）
04-25
本文将详细讲解如何在Android的WebView中实现打开本地相册选择图片，并将其上传到服务器的功能。 首先，我们需要理解WebView的基本用法。WebView是Android SDK中的一个类，它提供了一个用于加载和显示网页的控件。...
WebView实现拍照及选择图片功能
06-12
在安卓开发过程中，会出现对接H5需要拍照及选择本地图片上传的需求。这个功能的实现需要调用安卓的相关操作，然后将获取到的图片路径传给H5。
Webview打开本地文件、图片选择的解决方案。版本兼容问题
11-09
Webview打开本地文件、图片选择的解决方案。版本兼容问题
快速解决android webview https图片不显示的问题
08-27
这正是"快速解决android webview https图片不显示的问题"这一主题的核心所在。 为了解决这个问题，我们需要对WebView的设置进行调整，允许它在HTTPS环境中加载HTTP资源。以下是一种常见的解决方案： ```java if ...
Android开发心得——网页通过webview调用Android的图片或文件选择
binyao02123202的专栏
12-26 1万+
本博文欢迎转载，转载请注明来自http://www.cnblogs.com/qinxianyuzou/ 前段时间因为客户需求，做一个客户端结合web微网站的应用。其中，这个应用设计到了要修改头像，但是这个页面却是在微网站上实现的，意味着网站要调用到Android的打开文件的方法，那么这个通过webview是怎么实现的呢？ 经过跟服务器的同事讨论发现，方法都是跟pc上是一样的，都是调用一
【Android WebView】实现选择本地图片拍照功能
Ho博客
06-12 4999
Android中通过WebView和H5页面进行交互，有时候会有其他需求比如H5页面需要从手机本地文件中选择图片。本篇以BridgeWebView介绍功能的实现。
Android WebView 选择照片【无改动处理！】
汪随安的博客
07-20 1756
方法来处理文件选择请求。当用户点击选择照片时，会触发该方法，我们会创建一个文件选择的Intent，然后通过。在使用此方法时，你需要确保在。是WebChromeClient的一个回调方法，它允许你在WebView中处理文件选择请求。同时，为了确保用户隐私和安全，你需要根据你的具体需求对文件选择的逻辑进行适当的处理和验证。当用户完成选择后，选择的文件路径会通过。文件中申明相应的文件读写权限和相机权限。方法来实现在WebView中选择照片。方法返回，并传递给WebView。在Android中，你可以使用。
拍照选择图片html,Android WebView 拍照和选择图片
weixin_39692761的博客
06-09 227
Android WebView 嵌套网页中有js调取拍照和选择图片上传的功能,这个需要在我们的代码中去实现方法首先基础WebView设置WebSettings settings = mWebView.getSettings();settings.setJavaScriptEnabled(true); //设置webview支持javascript// settings.setJ...
android 多webview,Android webView多图片选择（两种方法实现）
weixin_42641869的博客
05-26 1097
解决的问题当webview与h5交互时，遇到选择图片的情况，如果使用了系统相册，默认是选一张的，可是h5的代码是类似这样附带multiple多选属性：IOS和Android系统浏览器都可以识别并默认能多选，偏偏Android webview不争气解决的方案1：手动让系统相册自带多选(需要android5.0+)系统相册既然默认是单选的，那肯定可以多选。直接上代码：/*** android 5.0(...
Android 选择图片、上传图片之PictureSelector
热门推荐
yechaoa
02-08 8万+
效果图： 之前出过一篇 Android 选择图片、上传图片之ImagePicker，这个是okgo作者出的，就一般需求来讲是够了，但是没有压缩，需要自己去搞。 后来业务需求提升，页面要美，体验要好，便不是那么满足需求了，所幸在github上找到PictureSelector（然后当时没多久Matisse就开源了..可以看这里Android 选择图片、上传图片之Matisse），也...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值