Android WebView 拍照和选择图片
转载地址：https://www.jianshu.com/p/13f4b8f70947
Android WebView 嵌套网页中有js调取拍照和选择图片上传的功能,这个需要在我们的代码中去实现方法
首先基础WebView设置
WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setLoadsImagesAutomatically(true);
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
settings.setSaveFormData(true);
settings.setSavePassword(true);
int mDensity = DensityUtils.getDensityDpi(context);
if (mDensity == 120) {
settings.setDefaultZoom(WebSettings.ZoomDensity.CLOSE);
} else if (mDensity == 160) {
settings.setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);
} else if (mDensity == 240) {
settings.setDefaultZoom(WebSettings.ZoomDensity.FAR);
}
settings.setSupportZoom(true);
settings.setSupportMultipleWindows(true);
settings.setAppCacheEnabled(true);
settings.setDatabaseEnabled(true);
settings.setDomStorageEnabled(true);
settings.setAllowFileAccess(true);
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
settings.setDisplayZoomControls(false);
mWebView.setLongClickable(true);
mWebView.setScrollbarFadingEnabled(true);
mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
mWebView.setDrawingCacheEnabled(true)
js调取拍照和选择图片功能,兼容3.0以上
//5.0以下使用
private ValueCallback<Uri> uploadMessage;
// 5.0及以上使用
private ValueCallback<Uri[]> uploadMessageAboveL;
//覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开
mWebView.setWebChromeClient(new WebChromeClient() {
// For Android < 3.0
public void openFileChooser(ValueCallback<Uri> valueCallback) {
uploadMessage = valueCallback;
openImageChooserActivity();
}
// For Android >= 3.0
public void openFileChooser(ValueCallback valueCallback, String acceptType) {
uploadMessage = valueCallback;
openImageChooserActivity();
}
//For Android >= 4.1
public void openFileChooser(ValueCallback<Uri> valueCallback, String acceptType, String capture) {
uploadMessage = valueCallback;
openImageChooserActivity();
}
// For Android >= 5.0
@Override
public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
uploadMessageAboveL = filePathCallback;
openImageChooserActivity();
return true;
}
});
这里需要弹出一个对话框让用户选择拍照和图库,这里用的是第三方MaterialDialog
这里有个需要注意的地方,就是如果没有调用onReceiveValue(null)的方法,下一次js将无法生效,
我这里让用户不能按返回键和点击屏幕外消失,当点击取消按钮的时候调用onReceiveValue(null)方法
//图片
private final static int FILE_CHOOSER_RESULT_CODE = 128;
//拍照
private final static int FILE_CAMERA_RESULT_CODE = 129;
//拍照图片路径
private String cameraFielPath;
private void openImageChooserActivity() {
new MaterialDialog.Builder(this)
.items(R.array.photo)
.positiveText("取消")
.onPositive(new MaterialDialog.SingleButtonCallback() {
@Override
public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {
if (uploadMessageAboveL != null) {
uploadMessageAboveL.onReceiveValue(null);
uploadMessageAboveL = null;
}
if (uploadMessage != null) {
uploadMessage.onReceiveValue(null);
uploadMessage = null;
}
dialog.dismiss();
}
})
.cancelable(false)
.canceledOnTouchOutside(false)
.itemsCallback(new MaterialDialog.ListCallback() {
@Override
public void onSelection(MaterialDialog dialog, View itemView, int position, CharSequence text) {
if (position == 0) {
takeCamera();
} else if (position == 1) {
takePhoto();
}
}
}).show();
}
//选择图片
private void takePhoto() {
Intent i = new Intent(Intent.ACTION_GET_CONTENT);
i.addCategory(Intent.CATEGORY_OPENABLE);
i.setType("image/*");
startActivityForResult(Intent.createChooser(i, "Image Chooser"), FILE_CHOOSER_RESULT_CODE);
}
//拍照
private void takeCamera() {
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
File pictureFolder = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES).getAbsoluteFile();
File appDir = new File(pictureFolder ,getActivity().getString(R.string.app_name_cache_dir));
if (!appDir.exists()) {
appDir.mkdirs();
}
cameraFielPath = appDir.getAbsolutePath() + System.currentTimeMillis() + ".jpg";
File outputImage = new File(cameraFielPath);
intent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(outputImage));
startActivityForResult(intent, FILE_CAMERA_RESULT_CODE);
}
最后一步在界面onActivityResult中判断进行操作
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (null == uploadMessage && null == uploadMessageAboveL) return;
if (resultCode != RESULT_OK) {//同上所说需要回调onReceiveValue方法防止下次无法响应js方法
if (uploadMessageAboveL != null) {
uploadMessageAboveL.onReceiveValue(null);
uploadMessageAboveL = null;
}
if (uploadMessage != null) {
uploadMessage.onReceiveValue(null);
uploadMessage = null;
}
return;
}
Uri result = null;
if (requestCode == FILE_CAMERA_RESULT_CODE) {
if (null != data && null != data.getData()) {
result = data.getData();
}
if (result == null && hasFile(cameraFielPath)) {
result = Uri.fromFile(new File(cameraFielPath));
}
if (uploadMessageAboveL != null) {
uploadMessageAboveL.onReceiveValue(new Uri[]{result});
uploadMessageAboveL = null;
} else if (uploadMessage != null) {
uploadMessage.onReceiveValue(result);
uploadMessage = null;
}
} else if (requestCode == FILE_CHOOSER_RESULT_CODE) {
if (data != null) {
result = data.getData();
}
if (uploadMessageAboveL != null) {
onActivityResultAboveL(data);
} else if (uploadMessage != null) {
uploadMessage.onReceiveValue(result);
uploadMessage = null;
}
}
}
/**
public static boolean hasFile(String path) {
try {
File f = new File(path);
if (!f.exists()) {
return false;
}
} catch (Exception e) {
// TODO: handle exception
return false;
}
return true;
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
private void onActivityResultAboveL(Intent intent) {
Uri[] results = null;
if (intent != null) {
String dataString = intent.getDataString();
ClipData clipData = intent.getClipData();
if (clipData != null) {
results = new Uri[clipData.getItemCount()];
for (int i = 0; i < clipData.getItemCount(); i++) {
ClipData.Item item = clipData.getItemAt(i);
results[i] = item.getUri();
}
}
if (dataString != null)
results = new Uri[]{Uri.parse(dataString)};
}
uploadMessageAboveL.onReceiveValue(results);
uploadMessageAboveL = null;
}
相关知识
Android移动开发
Android UI之ImageView图片视图
Android使用字体图标库
Android 移动开发
手机拍照的几个小技巧和拍照选择的角度
Android移动应用开发之Fragment
形色拍照识别花和植物
Android Studio实现简单的购物商城界面
拍照识花神器
拍照识花识别植物app
网址: Android WebView 拍照和选择图片 https://m.huajiangbk.com/newsview1212988.html
| 上一篇: android 项目中嵌入百度地 |
下一篇: 【朝花夕拾】Android性能篇 |
