Android中如何使WebView支持inputfile啟用相機(jī)/選取照片功能

這篇文章主要為大家展示了“Android中如何使WebView支持inputfile啟用相機(jī)/選取照片功能”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Android中如何使WebView支持inputfile啟用相機(jī)/選取照片功能”這篇文章吧。

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;

以上是“Android中如何使WebView支持inputfile啟用相機(jī)/選取照片功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！