WebView各种问题处理

最新推荐文章于 2024-03-05 11:32:00 发布
最新推荐文章于 2024-03-05 11:32:00 发布
阅读量676 收藏
点赞数
分类专栏： Android 文章标签： webview调用拍照与相册 webview中https无法加载图片

问题：

  • webview无法调用拍照问题
  • http不显示图片问题
  • 与js交互
  • 返回上一层界面

Android的原生浏览器并不支持H5调用拍照与相册，所以在web视图使用中，需要使用的Android的代码去调用。

代码如下：

import android.Manifest;
import android.annotation.TargetApi;
import android.content.Intent;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.os.Environment;
import android.os.Message;
import android.provider.MediaStore;
import android.support.annotation.RequiresApi;
import android.support.v4.app.ActivityCompat;
import android.support.v4.content.FileProvider;
import android.support.v7.app.AlertDialog;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.JsResult;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.webkit.WebResourceError;
import android.webkit.WebResourceRequest;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.Toast;

import com.lebo.sdk.LogTool;
import com.lebo.smarkparking.AppApplication;
import com.lebo.smarkparking.MainActivity;
import com.lebo.smarkparking.R;
import com.lebo.smarkparking.components.LEBOTittleBar;

import java.io.File;


public class IntelligentLifeWebActivity extends BaseActivity {

    public ValueCallback<Uri> mUploadMessage;
    public ValueCallback<Uri[]> mUploadMessageForAndroid5;
    public final static int FILECHOOSER_RESULTCODE = 1;
    public final static int FILECHOOSER_RESULTCODE_FOR_ANDROID_5 = 2;
    private String mCameraFilePath;
    Uri uri;
    WebView mywebview;
    private String presentUrl;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_intelligentlife);
        initView();
    }


    public void initView() {
        LEBOTittleBar LEBOTitle = (LEBOTittleBar) findViewById(R.id.LEBOTitle);
        LEBOTitle.setTittle(getIntent().getStringExtra("name"));
        LEBOTitle.setLeftBtnImgResource(R.mipmap.back);
        LEBOTitle.setLeftBtnListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

               //getIntent().getStringExtra("url")  初始化url  返回处理
                if(presentUrl != getIntent().getStringExtra("url")){
                mywebview.goBack();// 返回前一个页面
            } else {
                   finish();
               }
            }
        });
        mywebview = (WebView) findViewById(R.id.webview);

//与js交互事件设置
            mywebview.addJavascriptInterface(new JSClick(), "auth");
        WebSettings settings = mywebview.getSettings();
        settings.setUseWideViewPort(true);
        settings.setLoadWithOverviewMode(true);
        settings.setDomStorageEnabled(true);
        settings.setDefaultTextEncodingName("UTF-8");
        settings.setAllowContentAccess(true); // 是否可访问Content Provider的资源，默认值 true
        settings.setAllowFileAccess(true);    // 是否可访问本地文件，默认值 true
        // 是否允许通过file url加载的Javascript读取本地文件，默认值 false
        settings.setAllowFileAccessFromFileURLs(false);
        // 是否允许通过file url加载的Javascript读取全部资源(包括文件,http,https)，默认值 false
        settings.setAllowUniversalAccessFromFileURLs(false);
        settings.setJavaScriptCanOpenWindowsAutomatically(true);//允许js弹出窗口
        //开启JavaScript支持
        settings.setJavaScriptEnabled(true);
        // 支持缩放
        settings.setSupportZoom(true);
        mywebview.setLongClickable(true);
        mywebview.setScrollbarFadingEnabled(true);
        mywebview.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
        mywebview.setDrawingCacheEnabled(true);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
        }
        mywebview.loadUrl(getIntent().getStringExtra("url"));
        mywebview.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                presentUrl = url;
            }

            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
            }
        });

           //图片处理方法

        mywebview.setWebChromeClient(
                new WebChromeClient() {

                    public void onProgressChanged(WebView view, int progress) {// 载入进度改变而触发
                        super.onProgressChanged(view, progress);
                    }

                    //扩展支持alert事件 webview不会展示Alert 所以需要我们自己展示
                    @Override
                    public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
//                        AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());
//                        builder.setTitle("xxx提示").setMessage(message).setPositiveButton("确定", null);
//                        builder.setCancelable(false);
//                        AlertDialog dialog = builder.create();
//                        dialog.show();
//                        result.confirm();
                        return true;
                    }

                    //扩展浏览器上传文件
                    //3.0++版本
                    public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
                        openFileChooserImpl(uploadMsg);
                    }

                    //3.0--版本
                    public void openFileChooser(ValueCallback<Uri> uploadMsg) {
                        openFileChooserImpl(uploadMsg);
                    }

                    public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
                        openFileChooserImpl(uploadMsg);
                    }

                    // For Android > 5.0
                    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> uploadMsg, WebChromeClient.FileChooserParams fileChooserParams) {
                        openFileChooserImplForAndroid5(uploadMsg);
                        return true;
                    }


                }
        );
        ActivityCompat.requestPermissions(this,
                new String[]{Manifest.permission.READ_EXTERNAL_STORAGE}, 1001);
    }

    public class JSClick{
        @JavascriptInterface
        public void goBack(){
            finish();
        }
    }


    /**
     * 5.0以上的
     *
     * @param uploadMsg
     */
    private void openFileChooserImplForAndroid5(ValueCallback<Uri[]> uploadMsg) {

        mUploadMessageForAndroid5 = uploadMsg;
        Intent contentSelectionIntent = new Intent(Intent.ACTION_GET_CONTENT);
        contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE);
        contentSelectionIntent.setType("image/*");
        Intent xxx = createChooserIntent(createCameraIntent());
        xxx.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent);
        startActivityForResult(xxx, FILECHOOSER_RESULTCODE_FOR_ANDROID_5);
    }

    /**
     * 5.0以下
     *
     * @param uploadMsg
     */
    private void openFileChooserImpl(ValueCallback<Uri> uploadMsg) {
        mUploadMessage = uploadMsg;
        Intent i = new Intent(Intent.ACTION_GET_CONTENT);
        i.addCategory(Intent.CATEGORY_OPENABLE);
        i.setType("image/*");
        Intent xxx = createChooserIntent(createCameraIntent());
        xxx.putExtra(Intent.EXTRA_INTENT, i);
        startActivityForResult(xxx, FILECHOOSER_RESULTCODE);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
        if (requestCode == FILECHOOSER_RESULTCODE) {


            if (null == mUploadMessage)
                return;
            Uri result = intent == null || resultCode != RESULT_OK ? null : intent.getData();
            mUploadMessage.onReceiveValue(result);
            mUploadMessage = null;

            //5.0以下拍照是不是也要像5.0以上那样处理拍照的事件呢？自己测试

        } else if (requestCode == FILECHOOSER_RESULTCODE_FOR_ANDROID_5) {
            //针对5.0的
            if (null == mUploadMessageForAndroid5)
                return;
            Uri result = (intent == null || resultCode != RESULT_OK) ? null : intent.getData();
            if (result != null) {
                //相册或者文件
                mUploadMessageForAndroid5.onReceiveValue(new Uri[]{result});
            } else {
                try {
                    File file = new File(mCameraFilePath);
                    //判断此路径是否存在 存在提供给网页
                    if (file.exists()) {
                        mUploadMessageForAndroid5.onReceiveValue(new Uri[]{FileProvider.getUriForFile(getApplicationContext(), "com.jph.takephoto.fileprovider", file)});
                        return;
                    }
                } catch (Exception e) {
                    e.printStackTrace();
                }
                //这个必须调用 否则第二次点击 不会再出现弹窗提示
                mUploadMessageForAndroid5.onReceiveValue(new Uri[]{});
            }
            mUploadMessageForAndroid5 = null;
        }
    }


    private Intent createCameraIntent() {
        Intent cameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
//        File externalDataDir = Environment.getExternalStorageDirectory();
//        File cameraDataDir = new File(externalDataDir.getAbsolutePath() +
//                File.separator + "BrowserPhotos");
//        cameraDataDir.mkdirs();
        mCameraFilePath = getPhotoFilePath(getPhotoFileName());
        File file = new File(mCameraFilePath);
        uri = FileProvider.getUriForFile(getApplicationContext(), "com.jph.takephoto.fileprovider", file);//通过FileProvider创建一个content类型的Uri
        cameraIntent.putExtra(MediaStore.EXTRA_OUTPUT, uri);
        return cameraIntent;
    }

    public static String getPhotoFilePath(String fileName) {
        return PICTURE_SAVE_PATH + File.separatorChar + fileName;
    }

    public static String getPhotoFileName() {
        return "head_" + "lebo" + "_" + System.currentTimeMillis() + ".jpg";
    }

    public static final String ROOT_DES = "/lebo";
    public static final String PIC_DES = "/Picture";

    public static final String BASE_EXTERNAL_SAVE_PATH = Environment.getExternalStorageDirectory() + ROOT_DES;

    public static final String PICTURE_SAVE_PATH = BASE_EXTERNAL_SAVE_PATH + PIC_DES;

    private Intent createChooserIntent(Intent... intents) {
        Intent chooser = new Intent(Intent.ACTION_CHOOSER);
        chooser.putExtra(Intent.EXTRA_INITIAL_INTENTS, intents);
        chooser.putExtra(Intent.EXTRA_TITLE, "选择图片来源");
        return chooser;
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) {
            if(presentUrl != getIntent().getStringExtra("url")){
                mywebview.goBack();// 返回前一个页面
                return true;
            } else {
                finish();
            }
        }
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public EditText[] getHideInputEditTexts() {
        return new EditText[0];
    }

    @Override
    public void handleMessege(Message msg) {

    }
}
 

 

李yanru
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebView加载失败错误处理
07-11
webview加载失败，自定义错误页面处理
Android 7.0系统webview 显示https页面空白处理方法
08-27
今天小编就为大家分享一篇Android 7.0系统webview 显示https页面空白处理方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如何在android中禁用webView的长按点击事件
吕氏春秋i
11-12 3382
前言 我们都知道在网页里长按会弹出一些 没用选项 如何禁止掉呢？ 要禁用长时间单击，您需要首先启用长时间单击设置LongClickable（true）；然后，setOnLongClickListener，不返回任何内容： webview.setLongClickable(true); webview.setOnLongClickListener(new OnLongClickListener() { @Override public boolean onLongClick(View v)
在uni-app里通过web-view组件显示H5项目的踩坑之旅
一粒程序米
05-26 9106
为啥要在uni-app去显示h5？ 说起来话长，最近的项目需求里，有个图超级复杂，uniapp使用echarts之后在真机渲染不出来，但是在h5又可以渲染出来，而这个bug echarts开发者好像还没有修复。所以导致所在图表的一整个页面都只好用H5来实现了。 ...
webview 嵌入H5网页支持 拍照、录像、文件选择等功能
最新发布
黑夜骑士
03-05 382
在日常开发中，app中经常有嵌入前端网页的需求，里面如果有一些调用相机拍照、录视频、查看本地图片功能时，需要Android WebView端做一些配置、来保证能顺利调起相应的Intent，来适配前端程序需求一：webView端调用相机拍照，同时回传给前端程序@Override//数据回传会用到，记录成全局= null) {//最终通过fileChooserParams.isCaptureEnabled()方法来解决你的困惑 官方解释是否为设备//所以这里写调用相机逻辑} else {
android WebView显示不全问题
T_Y_F_的博客
08-11 2968
android WebView显示不全问题
WebView的优化与常见问题解决方案
chuyouyinghe的专栏
08-10 952
但是这么做有一个很大的坑，就是每次销毁的时候它的Url并没有清除，我们又不能使用webView的destory方法，那么我们第一个启动Web并返回是正常的，第二次再启动再返回，此时使用的是缓存WebView，是无法一次返回的。那么这样的效果还是有问题，之前我们还需要按2次返回键才能返回Web页面，而现在我们加载了一个空视图之后，现在在Web的栈顶，按一次返回键会返回一个空白的页面，再按返回才能返回，还是需要二次返回。这么做可以大大的提升页面的加载速度，特别适用于一些固定样式的页面，如文章的详情之类。...
WebView常见问题解决
MingYang
01-25 3380
Android5.0上WebView中Http和Https混合问题 从Android5.0以后，当一个安全的站点（https）去加载一个非安全的站点（http）时，需要配置Webview加载内容的混合模式，一共有如下三种模式：
Android WebView 常见问题及处理方案
01-05
下面小编把webview经常出现的问题给大家整理如下： 1.为WebView自定义错误显示界面: /** * 显示自定义错误提示页面，用一个View覆盖在WebView */ protected void showErrorPage() { LinearLayout ...
webview 输入框处理
05-26
支持webview中页面有输入，防止有时不能够把虚拟键盘上推 遮挡输入框
webView显示页面不全解决办法
chuyouyinghe的专栏
09-13 3345
今天遇到了Webview加载url显示页面不全的问题 经过排查最后发现是布局文件那里出了问题： 一开始布局文件是这样的 <WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:la
H5 调用android 相机拍照
11-10
H5 调用android本地相机进行拍照，支持android 5.0， 6.0等操作系统，均已适配；
WebView实现拍照及选择图片功能
06-12
在安卓开发过程中，会出现对接H5需要拍照及选择本地图片上传的需求。这个功能的实现需要调用安卓的相关操作，然后将获取到的图片路径传给H5。
webview不能调用手机文件选择、相机和图库的问题demo
06-02
webview不能调用手机文件选择、相机和图库的问题demo
webview支持type="file" 打开相机和相册
11-06
readme有说明...
Android WebView常见问题及解决方案汇总
810364804
11-05 1066
如有转载，请声明出处: 时之沙:http://blog.csdn.net/t12x3456 Android WebView常见问题解决方案汇总: 就目前而言，如何应对版本的频繁更新呢，又如何灵活多变地展示我们的界面呢,这又涉及到了web app与native app之间孰优孰劣的争论. 于是乎,一种混合型的app诞生了,灵活多变的部分，如淘宝商城首页的活动页面，一集凡客诚品中我们都可以见到we...
flutter项目中使用
zoeou的博客
06-18 963
AppBar(backgroundColor: ConstValue().barSearchBG, //定义背景颜色automaticallyImplyLeading: false, //是否显示默认的后退按钮elevation: 0, //阴影,值越大越清楚Key key,@required VoidCallback onPressed, //点击按钮的回调函数ValueChanged onHighlightChanged, //高亮变化的回调。
webview文件选择交给页面处理
05-12
在onShowFileChooser方法中，将文件选择的操作交给页面处理后，页面需要使用以下方式将选中的文件路径返回给WebView： ``` filePathCallback.onReceiveValue(new Uri[]{uri}); ``` 其中，uri为选中文件的Uri。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值