Android WebView支持input file啟用相機/選取照片功能
webview要調(diào)起input-file拍照或者選取文件功能,可以在webview.setWebChromeClient方法中重寫指定的方法,來攔截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)頁進度條消失 } else { progressBar.setProgress(newProgress);//設(shè)置進度值 progressBar.setVisibility(View.VISIBLE);//開始加載網(wǎng)頁時顯示進度條 } } /** * 8(Android 2.2) <= API <= 10(Android 2.3)回調(diào)此方法 */ private void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg) { Log.e("WangJ", "運行方法 openFileChooser-1"); // (2)該方法回調(diào)時說明版本API < 21,此時將結(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", "運行方法 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", "運行方法 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", "運行方法 onShowFileChooser"); // (1)該方法回調(diào)時說明版本API >= 21,此時將結(jié)果賦值給 mUploadCallbackAboveL,使之 != null mUploadCallbackAboveL = valueCallback; takePhoto(); return true; } });
這里的java代碼是來攔截input事件的,里面做了很多api版本的判斷,不同版本的api調(diào)用不同的方法,下面是一些其他方法:
調(diào)起相機/選擇文件的方法:takePhoto();
/** * 調(diào)用相機 */ private void takePhoto() { // 指定拍照存儲位置的方式調(diào)起相機 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); // 選擇圖片(不包括相機拍照),則不用成功后發(fā)刷新圖庫的廣播 // 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)過上邊(1)、(2)兩個賦值操作,此處即可根據(jù)其值是否為空來決定采用哪種處理方法 if (mUploadCallbackBelow != null) { chooseBelow(resultCode, data); } else if (mUploadCallbackAboveL != null) { chooseAbove(resultCode, data); } else { Toast.makeText(this, "發(fā)生錯誤", 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) { // 這里是針對文件路徑處理 Uri uri = data.getData(); if (uri != null) { Log.e("WangJ", "系統(tǒng)返回URI:" + uri.toString()); mUploadCallbackBelow.onReceiveValue(uri); } else { mUploadCallbackBelow.onReceiveValue(null); } } else { // 以指定圖像存儲路徑的方式調(diào)起相機,成功后返回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) { // 這里是針對從文件中選圖片的處理 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ā)(即選取照片成功時也發(fā)送)也沒有關(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;
總結(jié)
以上所述是小編給大家介紹的Android WebView支持input file啟用相機/選取照片功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
相關(guān)文章
Android中使用RecylerView實現(xiàn)聊天框效果
這篇文章主要介紹了Android中使用RecylerView實現(xiàn)聊天框效果,本文通過示例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2018-08-08Android中TextView自動適配文本大小的幾種解決方案
在布局中使用的話,注意按照你最大的設(shè)備來設(shè)置字體大小,這樣在小設(shè)備上回自動縮放,下面這篇文章主要給大家介紹了關(guān)于Android中TextView自動適配文本大小的幾種解決方案,需要的朋友可以參考下2022-06-06android TextView多行文本(超過3行)使用ellipsize屬性無效問題的解決方法
這篇文章介紹了android TextView多行文本(超過3行)使用ellipsize屬性無效問題的解決方法,有需要的朋友可以參考一下2013-09-09Android RecyclerView下拉刷新和上拉加載更多
這篇文章主要為大家詳細介紹了Android RecyclerView下拉刷新和上拉加載更多,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12Android游戲開發(fā):實現(xiàn)手勢操作切換圖片的實例
本文主要介紹 Android游戲開發(fā)實現(xiàn)手勢操作切換圖片的實例,這里整理了詳細的資料和示例代碼,有開發(fā)Android游戲應(yīng)用的小伙伴可以參考下2016-08-08Android ViewPager制作新手導(dǎo)航頁(動態(tài)加載)
這篇文章主要為大家詳細介紹了Android ViewPager制作新手導(dǎo)航頁,了解什么是動態(tài)加載指示器,感興趣的小伙伴們可以參考一下2016-05-05