Android WebView支持input file啟用相機(jī)/選取照片功能
更新時(shí)間：2019年08月27日 08:32:21 作者：95.8℃
這篇文章主要介紹了Android-WebView支持input file啟用相機(jī)/選取照片功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
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;
總結(jié)
以上所述是小編給大家介紹的Android WebView支持input file啟用相機(jī)/選取照片功能,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
本篇文章給大家分享了Android 獲取手機(jī)中微信聊天記錄的詳細(xì)步驟和操作方法，有需要的朋友可以學(xué)習(xí)參考下。2018-05-05
Android中使用RecylerView實(shí)現(xiàn)聊天框效果
這篇文章主要介紹了Android中使用RecylerView實(shí)現(xiàn)聊天框效果,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-08-08
Android中TextView自動(dòng)適配文本大小的幾種解決方案
在布局中使用的話,注意按照你最大的設(shè)備來(lái)設(shè)置字體大小,這樣在小設(shè)備上回自動(dòng)縮放,下面這篇文章主要給大家介紹了關(guān)于Android中TextView自動(dòng)適配文本大小的幾種解決方案,需要的朋友可以參考下2022-06-06
android TextView多行文本(超過(guò)3行)使用ellipsize屬性無(wú)效問(wèn)題的解決方法
這篇文章介紹了android TextView多行文本(超過(guò)3行)使用ellipsize屬性無(wú)效問(wèn)題的解決方法，有需要的朋友可以參考一下2013-09-09
Android RecyclerView下拉刷新和上拉加載更多
這篇文章主要為大家詳細(xì)介紹了Android RecyclerView下拉刷新和上拉加載更多，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
android 無(wú)須root截圖方案的實(shí)現(xiàn)
這篇文章主要介紹了android 無(wú)須root截圖方案的實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03
Android實(shí)現(xiàn)簡(jiǎn)單計(jì)時(shí)器功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)簡(jiǎn)單計(jì)時(shí)器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要為大家詳細(xì)介紹了Android自定義Dialog框樣式，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
Android游戲開(kāi)發(fā)：實(shí)現(xiàn)手勢(shì)操作切換圖片的實(shí)例
本文主要介紹 Android游戲開(kāi)發(fā)實(shí)現(xiàn)手勢(shì)操作切換圖片的實(shí)例,這里整理了詳細(xì)的資料和示例代碼，有開(kāi)發(fā)Android游戲應(yīng)用的小伙伴可以參考下2016-08-08
Android ViewPager制作新手導(dǎo)航頁(yè)(動(dòng)態(tài)加載)
這篇文章主要為大家詳細(xì)介紹了Android ViewPager制作新手導(dǎo)航頁(yè)，了解什么是動(dòng)態(tài)加載指示器，感興趣的小伙伴們可以參考一下2016-05-05