Android webview支持type="file" 打开相机和相册，支持小米（亲测6.0通过）

最新推荐文章于 2024-09-28 11:23:45 发布
最新推荐文章于 2024-09-28 11:23:45 发布
阅读量4.3k 收藏 2
点赞数
分类专栏： Android开发 WebView 文章标签： android WebView打开文 小米WebVIew

转载自：https://zhuanlan.zhihu.com/p/21386201
注意：在小米Max上面无效
此处也是不支持小米啊：http://www.miui.com/thread-1936287-1-1.html
作者：杨同学
链接：https://zhuanlan.zhihu.com/p/21386201
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

private final static int FILECHOOSER_RESULTCODE = 1;
private String mCameraFilePath = null;
private ValueCallback<Uri> mUploadMessage;
private Uri imageUri;

webView.setWebChromeClient(new WebChromeClient() {
            // For Android 3.0+
            public void openFileChooser(ValueCallback<Uri> uploadMsg) {
                mUploadMessage = uploadMsg;

                File imageStorageDir = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "TestApp");
                if (!imageStorageDir.exists()) {
                    imageStorageDir.mkdirs();
                }
                File file = new File(imageStorageDir + File.separator + "IMG_" + String.valueOf(System.currentTimeMillis()) + ".jpg");
                imageUri = Uri.fromFile(file); // save to the private variable

                final Intent captureIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
                captureIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);

                Intent i = new Intent(Intent.ACTION_GET_CONTENT);
                i.addCategory(Intent.CATEGORY_OPENABLE);
                i.setType("image/*");

                Intent Photo = new Intent(Intent.ACTION_PICK,
                        android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);

                Intent chooserIntent = Intent.createChooser(i, "Image Chooser");
                chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Parcelable[] { captureIntent, Photo });

               startActivityForResult(chooserIntent, FILECHOOSER_RESULTCODE);
            }

            // For Android 3.0+
            public void openFileChooser(ValueCallback uploadMsg, String acceptType) {
                openFileChooser(uploadMsg);
            }

            // For Android 4.1
            public void openFileChooser(ValueCallback<Uri> uploadMsg,
                                        String acceptType, String capture) {
                openFileChooser(uploadMsg);
            }
        });
@Override
    public void onActivityResult(int requestCode, int resultCode, Intent intent) {
        if (requestCode == FILECHOOSER_RESULTCODE) {
            if (null == this.mUploadMessage) {
                return;
            }
            Uri result;
            if (resultCode != Activity.RESULT_OK) {
                result = null;
            } else {
                result = intent == null ? this.imageUri : intent.getData(); // retrieve from the private variable if the intent is null
            }

            this.mUploadMessage.onReceiveValue(result);
            this.mUploadMessage = null;
        }
    }

测试在Max中测试无效，后来找到解决方法
这里：http://blog.saymagic.cn/2015/11/08/webview-upload.html（测试支持小米Max，别的版本没有机器没有测）
—————–2016年9月1日09:25:03————————
修改之后的代码：

package com.shangyi.ui.activity;

import android.annotation.SuppressLint;
import android.annotation.TargetApi;
import android.app.Activity;
import android.content.ClipData;
import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.os.Build;
import android.os.Environment;
import android.os.Parcelable;
import android.provider.MediaStore;
import android.view.View;
import android.view.WindowManager;
import android.widget.ProgressBar;

import com.shangyi.app.Contants;
import com.shangyi.base.BaseActivity;
import com.shangyi.log.SyLog;
import com.shangyi.supplier.R;
import com.shangyi.utils.JsOperation;
import com.shangyi.utils.NetUtil;
import com.shangyi.utils.SystemUtilts;
import com.shangyi.utils.ToastUtil;
import com.tencent.smtt.sdk.ValueCallback;
import com.tencent.smtt.sdk.WebChromeClient;
import com.tencent.smtt.sdk.WebSettings;
import com.tencent.smtt.sdk.WebView;
import com.tencent.smtt.sdk.WebViewClient;

import java.io.File;

import butterknife.BindView;
import butterknife.ButterKnife;

/**
 * Created by Administrator on 2016/7/23.
 */
public class LoadUriActivity extends BaseActivity {
    @BindView(R.id.pb_line_setting)
    ProgressBar pbLine;
    @BindView(R.id.webview_setting)
    WebView webView;
    private Activity activity;
    private Context context;
    private String openTitle;
    private String openUri;
    private static final String TAG=LoadUriActivity.class.getSimpleName();

    private final static int FILECHOOSER_RESULTCODE = 1;
    private android.webkit.ValueCallback<Uri[]> mUploadCallbackAboveL;
    private ValueCallback<Uri> mUploadMessage;
    private Uri imageUri;

    private String phoneManufacturer;//手机厂商



    @Override
    protected void findViewById() {
        setContentView(R.layout.act_setting);
        ButterKnife.bind(this);
        getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE | WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);
        activity = LoadUriActivity.this;
        context = this;
        phoneManufacturer = SystemUtilts.getPhoneManufacturer();
        SyLog.d("phoneMdel", phoneManufacturer);
        Intent intent = getIntent();
        openTitle = intent.getStringExtra(Contants.WebUrl.OPEN_TITLE);
        openUri = intent.getStringExtra(Contants.WebUrl.OPEN_URI);
        setTitleText(openTitle);
        showWebView();

    }

    @SuppressLint("JavascriptInterface")
    private void showWebView() {
        try {
            webView.getSettings().setJavaScriptEnabled(true);
            webView.getSettings().setDefaultTextEncodingName("utf-8");
            webView.addJavascriptInterface(new JsOperation(activity, context), "jsObj");
            webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
            webView.loadUrl(openUri);
            webView.getSettings().setDomStorageEnabled(true);
            webView.setWebViewClient(new WebViewClient() {
                @Override
                public boolean shouldOverrideUrlLoading(WebView webView, String url) {
                    if (url.startsWith("http:") || url.startsWith("https:")) {
                        return false;
                    }
                    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                    startActivity(intent);
                    return true;
                }

                @Override
                public void onReceivedError(WebView webView, int i, String s, String s1) {
                    super.onReceivedError(webView, i, s, s1);
                    if (NetUtil.isConnectivity(LoadUriActivity.this)) {
                        ToastUtil.defaultToast(getApplicationContext(), getString(R.string.common_network_data_error));
                        webView.loadUrl("file:///android_asset/nonetwork/data_error.html");
                    } else {
                        ToastUtil.defaultToast(getApplicationContext(), getString(R.string.common_network_is_null));
                        webView.loadUrl("file:///android_asset/nonetwork/nonetwork.html");
                    }

                }
            });
            webView.setWebChromeClient(new WebChromeClient() {
                @Override
                public void onProgressChanged(WebView webView, int newProgress) {
                    super.onProgressChanged(webView, newProgress);
                    if (newProgress >= 100) {
                        pbLine.setVisibility(View.GONE);
                    }
                }

                public void openFileChooser(ValueCallback<Uri> uploadMsg) {
                    SyLog.d(TAG, "openFileChoose(ValueCallback<Uri> uploadMsg)");
                    mUploadMessage = uploadMsg;
                    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
                    i.addCategory(Intent.CATEGORY_OPENABLE);
                    i.setType("image/*");
                    LoadUriActivity.this.startActivityForResult(Intent.createChooser(i, "File Chooser"), FILECHOOSER_RESULTCODE);
                }
                public void openFileChooser( ValueCallback uploadMsg, String acceptType ) {
                    SyLog.d(TAG, "openFileChoose( ValueCallback uploadMsg, String acceptType )");
                    mUploadMessage = uploadMsg;
                    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
                    i.addCategory(Intent.CATEGORY_OPENABLE);
                    i.setType("image/*");
                    LoadUriActivity.this.startActivityForResult(
                            Intent.createChooser(i, "File Browser"),
                            FILECHOOSER_RESULTCODE);
                }
                public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture){
                    SyLog.d(TAG, "openFileChoose(ValueCallback<Uri> uploadMsg, String acceptType, String capture)");
                    mUploadMessage = uploadMsg;
                    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
                    i.addCategory(Intent.CATEGORY_OPENABLE);
                    i.setType("image/*");
                    LoadUriActivity.this.startActivityForResult( Intent.createChooser( i, "File Browser" ), LoadUriActivity.FILECHOOSER_RESULTCODE );
                }

                // For Android 5.0+
                public boolean onShowFileChooser (WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
                    mUploadCallbackAboveL = filePathCallback;
                    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
                    i.addCategory(Intent.CATEGORY_OPENABLE);
                    i.setType("image/*");
                    LoadUriActivity.this.startActivityForResult(
                            Intent.createChooser(i, "File Browser"),
                            FILECHOOSER_RESULTCODE);
                    return true;
                }
            });

            /**
             * 屏蔽长按事件
             */
            webView.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View view) {
                    return true;
                }
            });
        } catch (Exception e) {
            e.printStackTrace();
        }
    }


    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(requestCode==FILECHOOSER_RESULTCODE)
        {
            if (null == mUploadMessage && null == mUploadCallbackAboveL) return;
            Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
            if (mUploadCallbackAboveL != null) {
                onActivityResultAboveL(requestCode, resultCode, data);
            }
            else  if (mUploadMessage != null) {
                mUploadMessage.onReceiveValue(result);
                mUploadMessage = null;
            }
        }
    }
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    private void onActivityResultAboveL(int requestCode, int resultCode, Intent data) {
        if (requestCode != FILECHOOSER_RESULTCODE
                || mUploadCallbackAboveL == null) {
            return;
        }
        Uri[] results = null;
        if (resultCode == Activity.RESULT_OK) {
            if (data == null) {
            } else {
                String dataString = data.getDataString();
                ClipData clipData = data.getClipData();
                if (clipData != null) {
                    results = new Uri[clipData.getItemCount()];
                    for (int i = 0; i < clipData.getItemCount(); i++) {
                        ClipData.Item item = clipData.getItemAt(i);
                        results[i] = item.getUri();
                    }
                }
                if (dataString != null)
                    results = new Uri[]{Uri.parse(dataString)};
            }
        }
        mUploadCallbackAboveL.onReceiveValue(results);
        mUploadCallbackAboveL = null;
        return;
    }

    /**
     * webView重载当前地址
     */
    public void refreshWebView() {
        runOnUiThread(new Runnable() {//否则会提示运行在不同的进程
            @Override
            public void run() {
                webView.loadUrl(openUri);
            }
        });
    }

    @Override
    protected void onRestart() {
        super.onRestart();
//        webView.loadUrl(openUrl);
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        webView.clearCache(true);
        webView.clearHistory();

    }

    @Override
    public void onResume() {
        super.onResume();
        webView.getSettings().setJavaScriptEnabled(true);
    }

    @Override
    protected void onStop() {
        super.onStop();
        webView.getSettings().setJavaScriptEnabled(false);
    }

    /**
     * 调用此方法结束自己
     */
    public void goDestory() {
        activity.finish();
        ActivityCollector.finishAll();
    }

    @Override
    protected void setListener() {

    }
}

此类就是一个传入title和url，用Activity加载

Android小屋
关注
专栏目录
Android webview调用相机和相册
03-31
Android中使用WebView调用系统相机和相册，但是4.4的手机不能使用
webview支持type="file" 打开相机和相册
11-06
本篇将详细探讨WebView如何支持`type="file"`来打开设备的相机和相册，以及相关的实现原理和最佳实践。 ### WebView概述 WebView是Android和iOS系统中的一个组件，它能够加载和显示HTML、CSS、JavaScript等Web内容...
(转载)Android webview支持type="file" 打开相机和相册
很久以前
10-20 455
Android webview支持type="file" 打开相机和相册，webview调起上传文件的
webview适配input标签调用相机或选取相册
最新发布
ycqfdqy的博客
09-28 430
博主的项目是用webview嵌套网页的形式实现的，但是在开发过程中遇到了这样一个问题，前端页面使用vant-uploadder（同标签）时无法调用摄像头以及相册，但是在chrome等手机浏览器中又是可打开的。
Android webview支持type="file" 打开相机和相册兼容5.0+
很久以前
10-22 2522
既上一篇文章转载了知乎上一位作者的Android webview支持type=”file” 打开相机和相册，发现原来webview上传文件要这么处理，依葫芦画瓢，在测试机上（版本全是4.4的）都没问题，内心很是高兴，但是刚好测试人员有台5.0+的机器，竟然还是调不起相片上传的功能，心理顿时一万只草泥马奔腾而过，心想着是不是代码copy错了，因为功能真的还没到达可以完整copy代码而不犯错的，之前一位
android webview拍照,android – 我可以在webview中打开相机吗？
weixin_34336068的博客
05-26 392
我可以在webview中打开android摄像头吗？解决方法:使用Webview时使用相机功能的最简单方法是使用Intent.如果您使用API​​,则必须自己构建大量UI.这取决于您在应用程序中需要执行的操作以及对“拍照过程”需要多少控制权.如果您只是需要一种快速方法来拍摄照片并在您的应用程序中使用它,那么Intent就是您的最佳选择.意图示例：private Uri picUri;private...
Android的webView支持文件上传
ZhongGuanGuan的专栏
04-13 932
在项目中出现这样一个情况，就是在webview中加载的页面需要上传文件，而在网页上已有事件的触发，点击按钮却没有反应。Android的webview是默认不支持文件上传的。那么此时我们又要实现相关的操作，就要做一下操作： 首先设置webChromeClient代码如下：不同的Android系统版本调用不同的方法发起获取图片信息的Intent.ValueCallback<Uri> mUplo
Android WebView 不支持 H5 input type="file" 解决方法
08-30
Android WebView 不支持 H5 input type="file" 解决方法 Android WebView 是一个基于 WebKit 引擎的...通过这种方法，我们可以解决 Android WebView 不支持 H5 input type="file" 的问题，实现文件选择器的功能。
Android WebView 不支持 H5 input type=”file” 解决方法
01-05
通过网络搜索发现是因为 android webview 由于考虑安全原因屏蔽了 input type=”file” 这个功能 。 经过不懈的努力，以及google 翻译的帮助 在 stackoverflow 中找到了解决的方法。 具体可以理解为 重写webview 的...
android webview input=file 失效解决方案
05-24
通过自定义`WebChromeClient`、请求读取权限、实现文件选择器和使用`FileProvider`，可以解决这个问题，使用户能够正常在Webview中上传文件。这些步骤是Android开发者在处理Webview与本地文件交互时必须掌握的关键...
Android WebView支持input file启用相机/选取照片功能
08-25
Android WebView支持input file启用相机/选取照片功能 Android WebView支持input file启用相机/选取照片功能是指在Android应用程序中使用WebView组件时，如何启用input file的相机/选取照片功能。本文将通过实例...
Android webview实现拍照的方法
08-29
主要介绍了Android webview实现拍照的方法的相关资料,希望通过本文能帮助到大家实现这样的功能，需要的朋友可以参考下
Android WebView H5调用拍照
07-31
Android中Webview H5调用拍照功能，有需要的请下载。。。
android webview调用系统相机和图库
12-10
android webview调用系统相机和图库支持5.0通过了小米2s（android5.0.2）小米4（android 4.4.4）还有LG的nexus（android 5.0）的测试，在三星GT-I9300I（android 4.3 在这款手机上测试的时候，拍照后有的时候在webview上显示不出来，不知道是不是重写了 mWebView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub return super.shouldOverrideUrlLoading(view, url); } @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { // TODO Auto-generated method stub super.onPageStarted(view, url, favicon); } @Override public void onPageFinished(WebView view, String url) { // TODO Auto-generated method stub super.onPageFinished(view, url); } });）这个的原因
Android下WebView中调用系统相机拍照范例
05-08
自定义webview中的网页“拍照”按钮调用系统相机拍照的API接口MyBrowserAPI.CapturePhoto(filename),在网页JavaScript中调用以后返回存放照片的完整路径名,默认将照片存放在系统SD卡的根目录,包含整个工程中需要添加的每个重要代码和JavaScript网页代码及详细描述。实测从Android2.1-4.22版虚拟机与真机均可正常使用。
webview 调用手机相机和图库demo
01-30
这个资源是从网上下载来的，不过经过本人改造，目前适合高版本android使用，经测试完全没有，可以直接在android studio 3.0上运行。 这个是一个非常简易的webview调用相机拍照和预览的demo，希望能帮助到需要的人。
android webview实现拍照
我的英文站点：https://iorilan.medium.com/
10-18 1492
android webview实现拍照
Android：让WebView支持<input type=”file”…>元素
anze0204的博客
12-09 160
最近在做一个活动页面：用户上传一张图片进行缩放、旋转后点击下一步填写内容后生成图片！ 做好后经过各种测试是没有问题的，基本没有什么明显BUG，流程都能走通，但是嵌入到APP后，问题就来了！ 在IOS上基本还可以，在Android上有明显问题，下面就是我要讲的： 在Android中，当我们通过WebView打开一个页面时，如果里面有元素是<input type=”file”…&...
Android WebView使用和处理打开相机拍照回收
u011216273的博客
05-25 4480
本篇文章介绍了常用的WebView使用，和处理了回收问题，如有问题，请留言斧正。 概述 WebView简介 JavaScript和WebView交互 WebView加载优化 处理打开相机拍照回收 总结 概述 WebView是android开发中必不可少的组件，目前环境下混合开发日新月异，相对我们开发者来说，必须要掌握相关的WebView使用技巧和...
vue.js vant Uploader android webview 弹出选择打开相机还是打开相册的对话框
09-22
Vue.js是一个流行的前端框架，它使得构建用户界面变得更加简单。Vant是一个轻量级的移动UI组件库，其中包括Vant Uploader组件，这个组件允许你在Android应用中通过Webview展示文件上传功能。 当使用Vant Uploader在Android Webview中让用户选择照片时，通常会借助设备原生的文件选择器，这涉及到浏览器与设备操作系统的交互。Android系统提供了选择照片的API，比如`Intent` API，可以创建一个意图（Intent），指定`ACTION_GET_CONTENT`或者`ACTION_PICK_IMAGE`, 来弹出一个可以选择相册或打开相机的对话框。你需要在Android端处理这部分逻辑，JavaScript端则通过WebView调用相应的JavaScript Bridge（如cordova、vux等提供的bridge）来触发这个选择图片的动作，并接收用户的选取结果。 以下是大概的步骤： 1. Android端： - 创建一个Intent，指定ACTION_PICK_IMAGE或ACTION_GET_CONTENT。 - 调用startActivityForResult启动该Intent，传递给Webview对应的JavaScript函数。 2. Vue.js (Webview端)： - 定义一个事件处理器，等待从Android发起的JS-RPC调用，例如 `window.webkit.messageHandlers.chooseImage.postMessage()`。 - 当接收到消息时，显示选择图片的提示，并处理用户的选择结果，可能是一个路径或者文件对象。 ```javascript // 假设你已经设置了一个名为"chooseImage"的消息处理器 document.getElementById('webview').addEventListener('message', function(e) { const type = e.data.type; if (type === 'openImagePicker') { // 显示选择图片的对话框 let result = /* 等待用户选择的结果 */; // 将结果发送回Android端 window.webkit.messageHandlers.chooseImage.postMessage(result); } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值