webview要调起input-file拍照或者选取文件功能,可以在webview.setWebChromeClient方法中重写指定的方法,来拦截webview的input事件,并做我们相应的操作。

Android代码

webView.setWebChromeClient(new WebChromeClient() {
      @Override
      public void onProgressChanged(WebView view, int newProgress) {
        if (newProgress == 100) {
          progressBar.setVisibility(View.GONE);//加载完网页进度条消失
        } else {
          progressBar.setProgress(newProgress);//设置进度值
          progressBar.setVisibility(View.VISIBLE);//开始加载网页时显示进度条
        }
      }
 
      /**
       * 8(Android 2.2) <= API <= 10(Android 2.3)回调此方法
       */
      private void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg) {
        Log.e("WangJ", "运行方法 openFileChooser-1");
        // (2)该方法回调时说明版本API < 21,此时将结果赋值给 mUploadCallbackBelow,使之 != null
        mUploadCallbackBelow = uploadMsg;
        takePhoto();
      }
 
      /**
       * 11(Android 3.0) <= API <= 15(Android 4.0.3)回调此方法
       */
      public void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg, String acceptType) {
        Log.e("WangJ", "运行方法 openFileChooser-2 (acceptType: "   acceptType   ")");
        // 这里我们就不区分input的参数了,直接用拍照
        openFileChooser(uploadMsg);
      }
 
      /**
       * 16(Android 4.1.2) <= API <= 20(Android 4.4W.2)回调此方法
       */
      public void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
        Log.e("WangJ", "运行方法 openFileChooser-3 (acceptType: "   acceptType   "; capture: "   capture   ")");
        // 这里我们就不区分input的参数了,直接用拍照
        openFileChooser(uploadMsg);
      }
 
      /**
       * API >= 21(Android 5.0.1)回调此方法
       */
      @Override
      public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> valueCallback, FileChooserParams fileChooserParams) {
        Log.e("WangJ", "运行方法 onShowFileChooser");
        // (1)该方法回调时说明版本API >= 21,此时将结果赋值给 mUploadCallbackAboveL,使之 != null
        mUploadCallbackAboveL = valueCallback;
        takePhoto();
        return true;
      }
    });

这里的java代码是来拦截input事件的,里面做了很多api版本的判断,不同版本的api调用不同的方法,下面是一些其他方法:

调起相机/选择文件的方法:takePhoto();

 /**
   * 调用相机
   */
  private void takePhoto() {
    // 指定拍照存储位置的方式调起相机
    String filePath = Environment.getExternalStorageDirectory()   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 intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
//    intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
//    startActivityForResult(intent, REQUEST_CODE);
 
    // 选择图片(不包括相机拍照),则不用成功后发刷新图库的广播
//    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
//    i.addCategory(Intent.CATEGORY_OPENABLE);
//    i.setType("image/*");
//    startActivityForResult(Intent.createChooser(i, "Image Chooser"), REQUEST_CODE);
 
    Intent captureIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
    captureIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
 
    Intent Photo = new Intent(Intent.ACTION_PICK,
        android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
 
    Intent chooserIntent = Intent.createChooser(Photo, "Image Chooser");
    chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Parcelable[]{captureIntent});
 
    startActivityForResult(chooserIntent, REQUEST_CODE);
  }
onActivityResult回调:
@Override
  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (requestCode == REQUEST_CODE) {
      // 经过上边(1)、(2)两个赋值操作,此处即可根据其值是否为空来决定采用哪种处理方法
      if (mUploadCallbackBelow != null) {
        chooseBelow(resultCode, data);
      } else if (mUploadCallbackAboveL != null) {
        chooseAbove(resultCode, data);
      } else {
        Toast.makeText(this, "发生错误", Toast.LENGTH_SHORT).show();
      }
    }
  }

其他一些方法:

/**
   * Android API < 21(Android 5.0)版本的回调处理
   * @param resultCode 选取文件或拍照的返回码
   * @param data 选取文件或拍照的返回结果
   */
  private void chooseBelow(int resultCode, Intent data) {
    Log.e("WangJ", "返回调用方法--chooseBelow");
 
    if (RESULT_OK == resultCode) {
      updatePhotos();
 
      if (data != null) {
        // 这里是针对文件路径处理
        Uri uri = data.getData();
        if (uri != null) {
          Log.e("WangJ", "系统返回URI:"   uri.toString());
          mUploadCallbackBelow.onReceiveValue(uri);
        } else {
          mUploadCallbackBelow.onReceiveValue(null);
        }
      } else {
        // 以指定图像存储路径的方式调起相机,成功后返回data为空
        Log.e("WangJ", "自定义结果:"   imageUri.toString());
        mUploadCallbackBelow.onReceiveValue(imageUri);
      }
    } else {
      mUploadCallbackBelow.onReceiveValue(null);
    }
    mUploadCallbackBelow = null;
  }
 
  /**
   * Android API >= 21(Android 5.0) 版本的回调处理
   * @param resultCode 选取文件或拍照的返回码
   * @param data 选取文件或拍照的返回结果
   */
  private void chooseAbove(int resultCode, Intent data) {
    Log.e("WangJ", "返回调用方法--chooseAbove");
 
    if (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("WangJ", "系统返回URI:"   uri.toString());
          }
          mUploadCallbackAboveL.onReceiveValue(results);
        } else {
          mUploadCallbackAboveL.onReceiveValue(null);
        }
      } else {
        Log.e("WangJ", "自定义结果:"   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);
  }

相关的全局变量:

private android.webkit.ValueCallback<Uri[]> mUploadCallbackAboveL;
private android.webkit.ValueCallback<Uri> mUploadCallbackBelow;
private Uri imageUri;
private int REQUEST_CODE = 1234;

总结

以上所述是小编给大家介绍的Android WebView支持input file启用相机/选取照片功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对Devmax网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Android WebView支持input file启用相机/选取照片功能的更多相关文章

  1. HTML5 input新增type属性color颜色拾取器的实例代码

    type 属性规定 input 元素的类型。本文较详细的给大家介绍了HTML5 input新增type属性color颜色拾取器的实例代码,感兴趣的朋友跟随脚本之家小编一起看看吧

  2. 移动HTML5前端框架—MUI的使用

    这篇文章主要介绍了移动HTML5前端框架—MUI的使用的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  3. 详解如何通过H5(浏览器/WebView/其他)唤起本地app

    这篇文章主要介绍了详解如何通过H5(浏览器/WebView/其他)唤起本地app的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  4. 使用placeholder属性设置input文本框的提示信息

    这篇文章主要介绍了使用placeholder属性设置input文本框的提示信息,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  5. Bootstrap File Input文件上传组件

    这篇文章主要介绍了Bootstrap File Input文件上传组件,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. html5 canvas合成海报所遇问题及解决方案总结

    这篇文章主要介绍了html5 canvas合成海报所遇问题及解决方案总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. Html5 video标签视频的最佳实践

    这篇文章主要介绍了Html5 video标签视频的最佳实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  8. HTML5页面无缝闪开的问题及解决方案

    这篇文章主要介绍了HTML5页面无缝闪开方案,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  9. HTML5中input输入框默认提示文字向左向右移动的示例代码

    这篇文章主要介绍了HTML5中input输入框默认提示文字向左向右移动,本文通过实例代码给大家介绍的非常详细对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  10. HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题

    HTML5在微信内置浏览器下,在右上角菜单的调整字体导致页面显示错乱的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

随机推荐

  1. Flutter 网络请求框架封装详解

    这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  2. Android单选按钮RadioButton的使用详解

    今天小编就为大家分享一篇关于Android单选按钮RadioButton的使用详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

  3. 解决android studio 打包发现generate signed apk 消失不见问题

    这篇文章主要介绍了解决android studio 打包发现generate signed apk 消失不见问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  4. Android 实现自定义圆形listview功能的实例代码

    这篇文章主要介绍了Android 实现自定义圆形listview功能的实例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  5. 详解Android studio 动态fragment的用法

    这篇文章主要介绍了Android studio 动态fragment的用法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. Android用RecyclerView实现图标拖拽排序以及增删管理

    这篇文章主要介绍了Android用RecyclerView实现图标拖拽排序以及增删管理的方法,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下

  7. Android notifyDataSetChanged() 动态更新ListView案例详解

    这篇文章主要介绍了Android notifyDataSetChanged() 动态更新ListView案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下

  8. Android自定义View实现弹幕效果

    这篇文章主要为大家详细介绍了Android自定义View实现弹幕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  9. Android自定义View实现跟随手指移动

    这篇文章主要为大家详细介绍了Android自定义View实现跟随手指移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. Android实现多点触摸操作

    这篇文章主要介绍了Android实现多点触摸操作,实现图片的放大、缩小和旋转等处理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

返回
顶部