AndroidWebView支持inputfile啟用相機(jī)/選取照片功能的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)Android WebView支持input file啟用相機(jī)/選取照片功能的示例分析,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

成都網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、成都小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站制作等服務(wù)項(xiàng)目。核心團(tuán)隊(duì)均擁有互聯(lián)網(wǎng)行業(yè)多年經(jīng)驗(yàn),服務(wù)眾多知名企業(yè)客戶;涵蓋的客戶類型包括:火鍋店設(shè)計(jì)等眾多領(lǐng)域,積累了大量豐富的經(jīng)驗(yàn),同時(shí)也獲得了客戶的一致贊賞!

webview要調(diào)起input-file拍照或者選取文件功能,可以在webview.setWebChromeClient方法中重寫(xiě)指定的方法,來(lái)攔截webview的input事件,并做我們相應(yīng)的操作。

Android代碼

webView.setWebChromeClient(new WebChromeClient() {
      @Override
      public void onProgressChanged(WebView view, int newProgress) {
        if (newProgress == 100) {
          progressBar.setVisibility(View.GONE);//加載完網(wǎng)頁(yè)進(jìn)度條消失
        } else {
          progressBar.setProgress(newProgress);//設(shè)置進(jìn)度值
          progressBar.setVisibility(View.VISIBLE);//開(kāi)始加載網(wǎng)頁(yè)時(shí)顯示進(jìn)度條
        }
      }
 
      /**
       * 8(Android 2.2) <= API <= 10(Android 2.3)回調(diào)此方法
       */
      private void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg) {
        Log.e("WangJ", "運(yùn)行方法 openFileChooser-1");
        // (2)該方法回調(diào)時(shí)說(shuō)明版本API < 21,此時(shí)將結(jié)果賦值給 mUploadCallbackBelow,使之 != null
        mUploadCallbackBelow = uploadMsg;
        takePhoto();
      }
 
      /**
       * 11(Android 3.0) <= API <= 15(Android 4.0.3)回調(diào)此方法
       */
      public void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg, String acceptType) {
        Log.e("WangJ", "運(yùn)行方法 openFileChooser-2 (acceptType: " + acceptType + ")");
        // 這里我們就不區(qū)分input的參數(shù)了,直接用拍照
        openFileChooser(uploadMsg);
      }
 
      /**
       * 16(Android 4.1.2) <= API <= 20(Android 4.4W.2)回調(diào)此方法
       */
      public void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
        Log.e("WangJ", "運(yùn)行方法 openFileChooser-3 (acceptType: " + acceptType + "; capture: " + capture + ")");
        // 這里我們就不區(qū)分input的參數(shù)了,直接用拍照
        openFileChooser(uploadMsg);
      }
 
      /**
       * API >= 21(Android 5.0.1)回調(diào)此方法
       */
      @Override
      public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> valueCallback, FileChooserParams fileChooserParams) {
        Log.e("WangJ", "運(yùn)行方法 onShowFileChooser");
        // (1)該方法回調(diào)時(shí)說(shuō)明版本API >= 21,此時(shí)將結(jié)果賦值給 mUploadCallbackAboveL,使之 != null
        mUploadCallbackAboveL = valueCallback;
        takePhoto();
        return true;
      }
    });

這里的java代碼是來(lái)攔截input事件的,里面做了很多api版本的判斷,不同版本的api調(diào)用不同的方法,下面是一些其他方法:

調(diào)起相機(jī)/選擇文件的方法:takePhoto();

 /**
   * 調(diào)用相機(jī)
   */
  private void takePhoto() {
    // 指定拍照存儲(chǔ)位置的方式調(diào)起相機(jī)
    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);
 
    // 選擇圖片(不包括相機(jī)拍照),則不用成功后發(fā)刷新圖庫(kù)的廣播
//    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回調(diào):
@Override
  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (requestCode == REQUEST_CODE) {
      // 經(jīng)過(guò)上邊(1)、(2)兩個(gè)賦值操作,此處即可根據(jù)其值是否為空來(lái)決定采用哪種處理方法
      if (mUploadCallbackBelow != null) {
        chooseBelow(resultCode, data);
      } else if (mUploadCallbackAboveL != null) {
        chooseAbove(resultCode, data);
      } else {
        Toast.makeText(this, "發(fā)生錯(cuò)誤", Toast.LENGTH_SHORT).show();
      }
    }
  }

其他一些方法:

/**
   * Android API < 21(Android 5.0)版本的回調(diào)處理
   * @param resultCode 選取文件或拍照的返回碼
   * @param data 選取文件或拍照的返回結(jié)果
   */
  private void chooseBelow(int resultCode, Intent data) {
    Log.e("WangJ", "返回調(diào)用方法--chooseBelow");
 
    if (RESULT_OK == resultCode) {
      updatePhotos();
 
      if (data != null) {
        // 這里是針對(duì)文件路徑處理
        Uri uri = data.getData();
        if (uri != null) {
          Log.e("WangJ", "系統(tǒng)返回URI:" + uri.toString());
          mUploadCallbackBelow.onReceiveValue(uri);
        } else {
          mUploadCallbackBelow.onReceiveValue(null);
        }
      } else {
        // 以指定圖像存儲(chǔ)路徑的方式調(diào)起相機(jī),成功后返回data為空
        Log.e("WangJ", "自定義結(jié)果:" + imageUri.toString());
        mUploadCallbackBelow.onReceiveValue(imageUri);
      }
    } else {
      mUploadCallbackBelow.onReceiveValue(null);
    }
    mUploadCallbackBelow = null;
  }
 
  /**
   * Android API >= 21(Android 5.0) 版本的回調(diào)處理
   * @param resultCode 選取文件或拍照的返回碼
   * @param data 選取文件或拍照的返回結(jié)果
   */
  private void chooseAbove(int resultCode, Intent data) {
    Log.e("WangJ", "返回調(diào)用方法--chooseAbove");
 
    if (RESULT_OK == resultCode) {
      updatePhotos();
 
      if (data != null) {
        // 這里是針對(duì)從文件中選圖片的處理
        Uri[] results;
        Uri uriData = data.getData();
        if (uriData != null) {
          results = new Uri[]{uriData};
          for (Uri uri : results) {
            Log.e("WangJ", "系統(tǒng)返回URI:" + uri.toString());
          }
          mUploadCallbackAboveL.onReceiveValue(results);
        } else {
          mUploadCallbackAboveL.onReceiveValue(null);
        }
      } else {
        Log.e("WangJ", "自定義結(jié)果:" + imageUri.toString());
        mUploadCallbackAboveL.onReceiveValue(new Uri[]{imageUri});
      }
    } else {
      mUploadCallbackAboveL.onReceiveValue(null);
    }
    mUploadCallbackAboveL = null;
  }
 
  private void updatePhotos() {
    // 該廣播即使多發(fā)(即選取照片成功時(shí)也發(fā)送)也沒(méi)有關(guān)系,只是喚醒系統(tǒng)刷新媒體文件
    Intent intent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE);
    intent.setData(imageUri);
    sendBroadcast(intent);
  }

相關(guān)的全局變量:

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

關(guān)于“Android WebView支持input file啟用相機(jī)/選取照片功能的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。

本文標(biāo)題:AndroidWebView支持inputfile啟用相機(jī)/選取照片功能的示例分析
轉(zhuǎn)載來(lái)源:http://bm7419.com/article4/goceoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)公司域名注冊(cè)、網(wǎng)站改版、小程序開(kāi)發(fā)、軟件開(kāi)發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化