以前在使用webview的时候,H5里面并没有拍照与相册的功能,这次遇到了,记录一下。
android原生浏览器并不支持H5调用拍照与相册,所以在webview使用中,需要使用Android的代码去调用。
代码如下:
public class MainActivity extends Activity {
public ValueCallback<Uri> mUploadMessage;
public ValueCallback<Uri[]> mUploadMessageForAndroid5;
public final static int FILECHOOSER_RESULTCODE = 1;
public final static int FILECHOOSER_RESULTCODE_FOR_ANDROID_5 = 2;
private String mCameraFilePath;
Uri uri;
WebView mywebview;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mywebview = (WebView) findViewById(R.id.mywebview);
WebSettings settings = mywebview.getSettings();
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
settings.setDomStorageEnabled(true);
settings.setDefaultTextEncodingName("UTF-8");
settings.setAllowContentAccess(true); // 是否可访问Content Provider的资源,默认值 true
settings.setAllowFileAccess(true); // 是否可访问本地文件,默认值 true
// 是否允许通过file url加载的Javascript读取本地文件,默认值 false
settings.setAllowFileAccessFromFileURLs(false);
// 是否允许通过file url加载的Javascript读取全部资源(包括文件,http,https),默认值 false
settings.setAllowUniversalAccessFromFileURLs(false);
settings.setJavaScriptCanOpenWindowsAutomatically(true);//允许js弹出窗口
//开启JavaScript支持
settings.setJavaScriptEnabled(true);
// 支持缩放
settings.setSupportZoom(true);
mywebview.setLongClickable(true);
mywebview.setScrollbarFadingEnabled(true);
mywebview.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
mywebview.setDrawingCacheEnabled(true);
mywebview.loadUrl(getIntent().getStringExtra("url") + "?phone=" + getIntent().getStringExtra("phone"));
mywebview.setWebViewClient(new WebViewClient() {
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
Toast.makeText(MainActivity.this, "加载开始", Toast.LENGTH_LONG).show();
}
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
Toast.makeText(MainActivity.this, "加载完成", Toast.LENGTH_LONG).show();
}
@Override
public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
super.onReceivedError(view, request, error);
Toast.makeText(MainActivity.this, "加载失败", Toast.LENGTH_LONG).show();
}
});
mywebview.setWebChromeClient(
new WebChromeClient() {
public void onProgressChanged(WebView view, int progress) {// 载入进度改变而触发
super.onProgressChanged(view, progress);
}
//扩展支持alert事件 webview不会展示Alert 所以需要我们自己展示
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());
builder.setTitle("xxx提示").setMessage(message).setPositiveButton("确定", null);
builder.setCancelable(false);
AlertDialog dialog = builder.create();
dialog.show();
result.confirm();
return true;
}
//扩展浏览器上传文件
//3.0++版本
public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
openFileChooserImpl(uploadMsg);
}
//3.0--版本
public void openFileChooser(ValueCallback<Uri> uploadMsg) {
openFileChooserImpl(uploadMsg);
}
public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
openFileChooserImpl(uploadMsg);
}
// For Android > 5.0
public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> uploadMsg, WebChromeClient.FileChooserParams fileChooserParams) {
openFileChooserImplForAndroid5(uploadMsg);
return true;
}
}
);
}
/**
* 5.0以上的
*
* @param uploadMsg
*/
private void openFileChooserImplForAndroid5(ValueCallback<Uri[]> uploadMsg) {
mUploadMessageForAndroid5 = uploadMsg;
Intent contentSelectionIntent = new Intent(Intent.ACTION_GET_CONTENT);
contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE);
contentSelectionIntent.setType("image/*");
Intent xxx = createChooserIntent(createCameraIntent());
xxx.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent);
startActivityForResult(xxx, FILECHOOSER_RESULTCODE_FOR_ANDROID_5);
}
/**
* 5.0以下
*
* @param uploadMsg
*/
private void openFileChooserImpl(ValueCallback<Uri> uploadMsg) {
mUploadMessage = uploadMsg;
Intent i = new Intent(Intent.ACTION_GET_CONTENT);
i.addCategory(Intent.CATEGORY_OPENABLE);
i.setType("image/*");
Intent xxx = createChooserIntent(createCameraIntent());
xxx.putExtra(Intent.EXTRA_INTENT, i);
startActivityForResult(xxx, FILECHOOSER_RESULTCODE);
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
if (requestCode == FILECHOOSER_RESULTCODE) {
if (null == mUploadMessage)
return;
Uri result = intent == null || resultCode != RESULT_OK ? null : intent.getData();
mUploadMessage.onReceiveValue(result);
mUploadMessage = null;
//5.0以下拍照是不是也要像5.0以上那样处理拍照的事件呢?自己测试
} else if (requestCode == FILECHOOSER_RESULTCODE_FOR_ANDROID_5) {
//针对5.0的
if (null == mUploadMessageForAndroid5)
return;
Uri result = (intent == null || resultCode != RESULT_OK) ? null : intent.getData();
if (result != null) {
//相册或者文件
mUploadMessageForAndroid5.onReceiveValue(new Uri[]{result});
} else {
try {
File file = new File(new URI(uri.toString()));
//判断此路径是否存在 存在提供给网页
if (file.exists()) {
mUploadMessageForAndroid5.onReceiveValue(new Uri[]{uri});
return;
}
} catch (URISyntaxException e) {
e.printStackTrace();
}
//这个必须调用 否则第二次点击 不会再出现弹窗提示
mUploadMessageForAndroid5.onReceiveValue(new Uri[]{});
}
mUploadMessageForAndroid5 = null;
}
}
private Intent createCameraIntent() {
Intent cameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
File externalDataDir = Environment.getExternalStoragePublicDirectory(
Environment.DIRECTORY_DCIM);
File cameraDataDir = new File(externalDataDir.getAbsolutePath() +
File.separator + "browser-photos");
cameraDataDir.mkdirs();
mCameraFilePath = cameraDataDir.getAbsolutePath() + File.separator +
System.currentTimeMillis() + ".jpg";
uri = Uri.fromFile(new File(mCameraFilePath));
cameraIntent.putExtra(MediaStore.EXTRA_OUTPUT, uri);
return cameraIntent;
}
private Intent createChooserIntent(Intent... intents) {
Intent chooser = new Intent(Intent.ACTION_CHOOSER);
chooser.putExtra(Intent.EXTRA_INITIAL_INTENTS, intents);
chooser.putExtra(Intent.EXTRA_TITLE, "选择图片来源");
return chooser;
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && mywebview.canGoBack()) {
mywebview.goBack();// 返回前一个页面
return true;
} else {
finish();
}
return super.onKeyDown(keyCode, event);
}
}