webview要調起input file拍照或者選取文件功能,可以在webview.setWebChromeClient方法中重寫指定的方法,來攔截webview的input事件,並做我們相應的操作。 Android代碼 這裡的java代碼是來攔截input事件的,裡面做了很多api版本的判斷,不同 ...
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;
原文參考鏈接:https://blog.csdn.net/qq_35373333/article/details/79565629