html5 android 拍照上传,android webview使用html5 上传相册、拍照照片

本人编程新手，这次做的功能是android webview 嵌入HTML5的页面，页面中有一个标签，iOS直接就支持，但android中不支持，网上的帖子说是因为android屏蔽了文件上传功能还是怎么的，没看明白，但是重写WebViewClient，WebChromeClient这两个方法就能实现。上代码：

第一步：重写WebChromeClient方法，网上帖子说android将这个方法隐藏了我也不知道是不是这么个说法，总之我参考过其他帖子后是这么写的，三星not2测试运行也成功。

public class MyWebChromeClient extends WebChromeClient {

// For Android 3.0+

public void openFileChooser(ValueCallbackuploadMsg) {

mUploadMessage = uploadMsg;

ANDROID = 1;

selectImage();

}

// For Android 3.0+

public void openFileChooser(ValueCallback uploadMsg, String acceptType) {

mUploadMessage = uploadMsg;

ANDROID = 2;

selectImage();

}

// For Android 4.1

public void openFileChooser(ValueCallbackuploadMsg,

String acceptType, String capture) {

mUploadMessage = uploadMsg;

ANDROID = 3;

selectImage();

}

}

解释一下，ANDROID是我定义的一个标识，因为我看这三个版本的方法还是有点区别的，当然有可能我的这个标识是画蛇添足，selectImage();是我自定义的一个函数用来选择从相册照片还是直接拍照的照片。

第二步：重写WebViewClient，这个我就不多说了  网上的帖子多的是，最关键的是我也不知道是干啥的，反正现在网上的所有帖子基本都是复制粘贴几个版本的，而这些版本的这个方法都没有改变。

public class MyWebViewClient extends WebViewClient {

@Override

public void onPageStarted(WebView view, String url, Bitmap favicon) {

super.onPageStarted(view, url, favicon);

}

@Override

public void onPageFinished(WebView view, String url) {

super.onPageFinished(view, url);

}

}

第三步：onActivityResult方法。

@Overrideprotected void onActivityResult(int requestCode, int resultCode,

Intent intent) {

Uri result = null;

if (requestCode == REQUEST_CODE_PICK_IMAGE) {//拍照

if (intent != null && resultCode == RESULT_OK) {

result = intent.getData();

} else {

result = null;

}

} else if (requestCode == FILECHOOSER_RESULTCODE) {// 相册

if (null == mUploadMessage)

return;

result = intent == null || resultCode != RESULT_OK ? null : intent

.getData();

}

mUploadMessage.onReceiveValue(result);

mUploadMessage = null;

}

注解：REQUEST_CODE_PICK_IMAGE，FILECHOOSER_RESULTCODE这两个标识是区别拍照/相册，按照我的理解是startActivityForResult这个传回intent和一个标识给onActivityResult；然后intent.getData获取照片，我打印出来result是content://media/external/images/media/16825类似这种东西，注意的是那几个null的判断和return的位置，如果不对的话前者不对只能点击一次选择照片取消后点击无效，后者不对选择完照片页面不显示选后的照片。

第四步：selectImage()定义的弹出选择界面 拍照/相册

protected final void selectImage() {

boolean flag = Environment.getExternalStorageState().equals(

Environment.MEDIA_MOUNTED);

if (!flag) {

Toast.makeText(this, "请插入手机存储卡再使用本功能", Toast.LENGTH_SHORT).show();

} else {

AlertDialog.Builder alertDialog = new AlertDialog.Builder(this);

alertDialog.setOnCancelListener(new ReOnCancelListener());

alertDialog.setTitle(R.string.options);

alertDialog.setItems(R.array.options,

new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

if (which == 0) {

chosePic();

} else {

openCarcme();

}

}

});

alertDialog.show();

}

}

private class ReOnCancelListener implements

DialogInterface.OnCancelListener {

@Override

public void onCancel(DialogInterface dialogInterface) {

if (mUploadMessage != null) {

mUploadMessage.onReceiveValue(null);

mUploadMessage = null;

}

}

}

注解：使用前需要先判断手机是否插入内存卡，chosePic();openCarcme();是打开相册和拍照的函数，ReOnCancelListener是防止取消后无反应，原理貌似是如果没有选择照片取消的话mUploadMessage没有取到值得话会一直等待，所以当选择界面结束后如无值就赋给它null。总结：还有选择照片的我就不沾了，一会把源码传上去大家自己下吧，我这也是网上参考的再加上自己的一些研究总算弄明白了，由于网上参考的例子实在太多了 我也忘了都是谁的贴子了，反正谢谢大家把。网上的版本我基本都下载了试了试，我这个事例仅仅是webview适应h5的标签实现上传照片的功能，网上的说的也不清 什么都有，有功能强大可以往服务器上传文件的，还有使用第三方插件上传的等等吧。而且都是几个版本跟我的类似(我也是参考他们的)不过都是不完整的各种问题，我这个目前我的测试机三星not2是可用的不管是取消再次点击还是什么都是好使的。对于新手(我就是新手)：源码中AndroidManifest.xml有几个权限需要注意，在strings.xml，arrays.xml有配置。程序中也可能还有其他漏洞，也请各位多给我指出 好完善完善。(ps：这玩意怎么加下载的连接。汗......)

下载源码