Android网页H5 Input选择相机和系统相册
需求：
网页h5的input选择相机和系统相册，并且返回压缩的图片到h5。
代码：
1、WebView代码
package com.zql.sdk;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.view.Window;
import android.webkit.JavascriptInterface;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import java.io.IOException;
/**
* 浏览器组件
* Created by zst on 2018/5/16.
*/
public class WebViewActivity extends Activity implements View.OnClickListener {
public static final String INTENT_URL = "intent_url";//请求连接
public static final String INTENT_PARAMS_STRING = "intent_params_string";//请求参数字符串
public static final String INTENT_REQUEST_WAY = "intent_request_way";//请求方式（POST/GET）
private WebView wvShow;
private TextView tv_back_title;
private TextView tv_title;
private ImageView iv_back;
private TextView tv_right;
public ValueCallback<Uri[]> uploadMessage;
private ValueCallback<Uri> mUploadMessage;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题栏
setContentView(R.layout.activity_web_view);
tv_back_title = (TextView) findViewById(R.id.tv_back_title);
tv_title = (TextView) findViewById(R.id.tv_title);
iv_back = (ImageView) findViewById(R.id.iv_back);
tv_right = (TextView) findViewById(R.id.tv_right);
iv_back.setOnClickListener(this);
tv_back_title.setOnClickListener(this);
tv_right.setOnClickListener(this);
initView();
initData();
}
private void initData() {
String intentUrl = getIntent().getStringExtra(INTENT_URL);
String intentParams = getIntent().getStringExtra(INTENT_PARAMS_STRING);
String intentRequestWay = getIntent().getStringExtra(INTENT_REQUEST_WAY);
Log.e("WebView请求", "连接：" + intentUrl + "....." + "参数：" + intentParams);
if (intentRequestWay.equals("GET")) {
wvShow.loadUrl(intentUrl + "?" + intentParams);//get请求
} else if (intentRequestWay.equals("POST")) {
wvShow.postUrl(intentUrl, intentParams.getBytes());//post请求
} else {
Toast.makeText(WebViewActivity.this, "请求方式参数错误", Toast.LENGTH_SHORT).show();
}
//// wvShow.loadUrl("http://qas-gw.baofoo.com/merchant_page?CODE=6d8950fc495c2a63106ce45d2647e21aec04001b53b3d7aac2f8af3b3d24f84a6c51c92843814b270eb28ead11820178fad5a20a7278f042");//get请求
//
// String htmlData = "<!DOCTYPE html>\n" +
// "<html>\n" +
// "<head>\n" +
// " <meta charset=\"utf-8\">\n" +
// " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no\">\n" +
// " <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n" +
// " <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">\n" +
// " <title>修改资料</title>\n" +
// " <script src=\"./jquery-1.8.3.js\"></script>\n" +
// "</head>\n" +
// "\n" +
// "<body>\n" +
// " <div className=\"image-uploader\">\n" +
// " <input id=\"imgInput\" className=\"imgInput\" type=\"file\" accept=\"image/*\" />\n" +
// " <img id=\"imgShow\" className=\"imgShow\" />\n" +
// " </div>\n" +
// "\n" +
// "<script> \n" +
// " $('#imgInput').change(function () {\n" +
// " readURL(this);\n" +
// "});\n" +
// "\n" +
// "function readURL(input){\n" +
// " if (input.files && input.files[0]) {\n" +
// " const reader = new FileReader();\n" +
// " reader.readAsDataURL(input.files[0]);\n" +
// " reader.onload = (e) => {\n" +
// " $('#imgShow').attr('src', e.target.result);\n" +
// " };\n" +
// " };\n" +
// " };\n" +
// "</script>\n" +
// "</body>\n" +
// "</html>";
//
// Log.e("网页", htmlData);
//
// wvShow.loadDataWithBaseURL(null, htmlData, "text/html", "utf-8", null);
}
private void initView() {
wvShow = (WebView) findViewById(R.id.wv_body);
wvShow.getSettings().setJavaScriptEnabled(true);//允许与js 交互
wvShow.getSettings().setDefaultTextEncodingName("utf-8");//支持中文
//在js中调用本地java方法
wvShow.addJavascriptInterface(new JsInterface(this), "androidYZH");
wvShow.getSettings().setDomStorageEnabled(true);//允许缓存、开启DOM（双重重定向白屏问题）
wvShow.setWebViewClient(new WebViewClient() {
//覆盖shouldOverrideUrlLoading 方法
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url == null) return false;
try {
if (url.startsWith("http:") || url.startsWith("https:")) {
view.loadUrl(url);
return true;
} else {
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(intent);
return true;
}
} catch (Exception e) { //防止crash (如果手机上没有安装处理某个scheme开头的url的APP, 会导致crash)
return false;
}
}
});
wvShow.setWebChromeClient(new WebChromeClient() {//监听网页加载
@Override
public void onProgressChanged(WebView view, int newProgress) {
// if (newProgress == 100) {
// // 网页加载完成
// pbProgress.setVisibility(View.GONE);
// } else {
// // 加载中
// pbProgress.setProgress(newProgress);
// }
super.onProgressChanged(view, newProgress);
}
@Override
public void onReceivedTitle(WebView view, String title) {
super.onReceivedTitle(view, title);
tv_title.setText(title);
}
public void openFileChooser(ValueCallback<Uri> uploadMsg) {
Log.e("点击", "1");
ImgUtil.choicePhoto(WebViewActivity.this);
}
public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
openFileChooser(uploadMsg);
Log.e("点击", "3");
}
public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
openFileChooser(uploadMsg);
Log.e("点击", "4");
}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
public boolean onShowFileChooser(WebView mWebView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
if (uploadMessage != null) {
uploadMessage.onReceiveValue(null);
uploadMessage = null;
}
uploadMessage = filePathCallback;
Log.e("点击", "2");
ImgUtil.choicePhoto(WebViewActivity.this);
return true;
}
});
}
@Override
public void onClick(View v) {
int i = v.getId();
if (i == R.id.iv_back) {
if (wvShow.canGoBack()) {
wvShow.goBack();
} else {
finish();
}
} else if (i == R.id.tv_back_title) {
finish();
}
}
/**
* js调用原生方法
*/
private class JsInterface {
private Context mContext;
public JsInterface(Context context) {
this.mContext = context;
}
@JavascriptInterface
public void closeH5(String name) {//关闭sdk
Log.e("网页", "方法入参：" + name);
finish();
}
@JavascriptInterface
public void downloadFile(String name) {//下载文件
Log.e("网页", "方法入参：" + name);
//这里是把地址用默认浏览器打开，在浏览器中下载
Uri uri = Uri.parse(name);
Intent intent = new Intent();
intent.setAction("android.intent.action.VIEW");
intent.setData(uri);
startActivity(intent);
}
}
//重写Activity的onKeyDown事件，判断当用户按下“返回”按钮，webview返回上一页
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && wvShow.canGoBack()) {
wvShow.goBack();
return true;
} else {
finish();
}
return super.onKeyDown(keyCode, event);
}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
if (resultCode == RESULT_OK) {//正确返回
switch (requestCode) {
case ImgUtil.TAKE_PHOTO://相机返回
Log.e("返回相机", ImgUtil.imageUri.toString());
//相机返回rui
//Uri uriTake = ImgUtil.imageUri;
Uri uriTake = null;
try {
uriTake = ImgUtil.getCompressUri(WebViewActivity.this, ImgUtil.imageUri);
} catch (IOException e) {
e.printStackTrace();
}
//显示在页面
if (uploadMessage == null) return;
Uri[] imgTaskUris = {uriTake};
uploadMessage.onReceiveValue(imgTaskUris);
uploadMessage = null;
if (null == mUploadMessage) return;
Uri result = intent == null || resultCode != MainActivity.RESULT_OK ? null : uriTake;
mUploadMessage.onReceiveValue(result);
mUploadMessage = null;
break;
case ImgUtil.CHOOSE_PHOTO://相册返回
try {
if (intent != null) {
//相册返回
Log.e("返回", "intent2:" + intent.getData().toString() + "..." + uploadMessage);
//相册返回uri
//Uri uriChoose = intent.getData();
Uri uriChoose = ImgUtil.getCompressUri(WebViewActivity.this, intent.getData());
//显示在页面
if (uploadMessage == null) return;
Uri[] imgChooseUris = {uriChoose};
uploadMessage.onReceiveValue(imgChooseUris);
//uploadMessage.onReceiveValue(WebChromeClient.FileChooserParams.parseResult(resultCode, intent));
uploadMessage = null;
Log.e("返回", "intent3:" + WebChromeClient.FileChooserParams.parseResult(resultCode, intent).toString());
}
break;
} catch (Exception e) {
e.printStackTrace();
UiUtil.showToast(this, "图片选择失败");
}
break;
}
} else {
UiUtil.showToast(this, "图片选择失败");
}
}
@Override
public void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {
switch (requestCode) {
case ImgUtil.REQUEST_CODE_ALBUM://相册存储权限
if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
ImgUtil.openAlbum(this);
} else {
UiUtil.showToast(this, "选择图库需要同意权限");
}
break;
case ImgUtil.REQUEST_CODE_CAMERA://相机拍照权限
if (grantResults[0] == PackageManager.PERMISSION_GRANTED) {//允许
ImgUtil.openCamera(WebViewActivity.this);
} else {//拒绝
UiUtil.showToast(this, "只有同意相机权限,才能使用扫码功能");
}
break;
default:
}
}
}
2、ImgUtil.java工具类
1）、选择相机方法（选择相机的方法还有额外的代码，具体点击这里）
2）、选择相册方法
3）、压缩图片方法
package com.zql.sdk;
import android.Manifest;
import android.app.Activity;
import android.app.ActivityManager;
import android.app.AlertDialog;
import android.content.ContentResolver;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Build;
import android.provider.MediaStore;
import android.support.annotation.RequiresApi;
import android.support.v4.app.ActivityCompat;
import android.support.v4.content.ContextCompat;
import android.support.v4.content.FileProvider;
import android.util.Log;
import android.widget.Toast;
import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import java.util.ArrayList;
import java.util.List;
/**
* 图片工具类
* Created by xiaoshuai on 2018/8/17.
*/
public class ImgUtil {
public static final int TAKE_PHOTO = 1;//拍照
public static final int CHOOSE_PHOTO = 2;//选择相册
public static final int REQUEST_CODE_CAMERA = 3;//相机权限请求
public static final int REQUEST_CODE_ALBUM = 4;//相册权限请求
public static Uri imageUri;//相机拍照图片保存地址
/**
* 选择图片，从图库、相机
*
* @param activity 上下文
*/
public static void choicePhoto(final Activity activity) {
//采用的是系统Dialog作为选择弹框
new AlertDialog.Builder(activity).setTitle("上传头像")//设置对话框标题
.setPositiveButton("拍照", new DialogInterface.OnClickListener() {//添加确定按钮
@RequiresApi(api = Build.VERSION_CODES.M)
@Override
public void onClick(DialogInterface dialog, int which) {
ArrayList<String> permissions = new ArrayList<>();
if (activity.checkSelfPermission(Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
permissions.add(Manifest.permission.CAMERA);
}
if (permissions.size() == 0) {//有权限,跳转
//打开相机-兼容7.0
ImgUtil.openCamera(activity);
} else {
activity.requestPermissions(permissions.toArray(new String[permissions.size()]), REQUEST_CODE_CAMERA);
}
// if (Build.VERSION.SDK_INT >= 23) {//检查相机权限
// ArrayList<String> permissions = new ArrayList<>();
// if (activity.checkSelfPermission(Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
// permissions.add(Manifest.permission.CAMERA);
// }
//
// if (permissions.size() == 0) {//有权限,跳转
// //打开相机-兼容7.0
// openCamera(activity);
// } else {
// activity.requestPermissions(permissions.toArray(new String[permissions.size()]), REQUEST_CODE_CAMERA);
// }
// } else {
// //打开相机-兼容7.0
// openCamera(activity);
// }
}
}).
setNegativeButton("系统相册", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
//如果有权限申请，请在Activity中onRequestPermissionsResult权限返回里面重新调用openAlbum()
if (ContextCompat.checkSelfPermission(activity, Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
ActivityCompat.requestPermissions(activity, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE}, REQUEST_CODE_ALBUM);
} else {
openAlbum(activity);
}
}
}).show();//在按键响应事件中显示此对话框
}
/**
* 打开相机
* 兼容7.0
*
* @param activity
*/
public static void openCamera(Activity activity) {
// 创建File对象，用于存储拍照后的图片
File outputImage = new File(activity.getExternalCacheDir(), "output_image.jpg");
try {
if (outputImage.exists()) {
outputImage.delete();
}
outputImage.createNewFile();
} catch (IOException e) {
e.printStackTrace();
}
if (Build.VERSION.SDK_INT < 24) {
imageUri = Uri.fromFile(outputImage);
} else {
//Android 7.0系统开始 使用本地真实的Uri路径不安全,使用FileProvider封装共享Uri
//参数二:fileprovider绝对路径 com.dyb.testcamerademo：项目包名
imageUri = FileProvider.getUriForFile(activity, "com.zql.sdk.fileprovider", outputImage);
}
// 启动相机程序
Intent intent = new Intent("android.media.action.IMAGE_CAPTURE");
intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
activity.startActivityForResult(intent, TAKE_PHOTO);
}
/**
* 打开图库
* @param activity
*/
public static void openAlbum(Activity activity) {
//调用系统图库的意图
Intent choosePicIntent = new Intent(Intent.ACTION_PICK, null);
choosePicIntent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");
activity.startActivityForResult(choosePicIntent, CHOOSE_PHOTO);
//打开系统默认的软件
//Intent intent = new Intent("android.intent.action.GET_CONTENT");
//intent.setType("image/*");
//activity.startActivityForResult(intent, CHOOSE_PHOTO); // 打开相册
}
/**
* 通过uri获取路径filepath
* @param context
* @param uri
* @return
*/
public static String getFilePath( final Context context, final Uri uri ) {
if ( null == uri ) return null;
final String scheme = uri.getScheme();
String data = null;
if ( scheme == null )
data = uri.getPath();
else if ( ContentResolver.SCHEME_FILE.equals( scheme ) ) {
data = uri.getPath();
} else if ( ContentResolver.SCHEME_CONTENT.equals( scheme ) ) {
Cursor cursor = context.getContentResolver().query( uri, new String[] { MediaStore.Images.ImageColumns.DATA }, null, null, null );
if ( null != cursor ) {
if ( cursor.moveToFirst() ) {
int index = cursor.getColumnIndex( MediaStore.Images.ImageColumns.DATA );
if ( index > -1 ) {
data = cursor.getString( index );
}
}
cursor.close();
}
}
return data;
}
/**
* 得到byte[]
* LeanCloud上传文件是需要byte[]数组的
* 这里对传入的图片Uri压缩，并转换为byte[]后返回
*
* @param activity 上下文
* @param uri 传入图片的Uri
* @return byte[]
*/
public static byte[] getImgByteFromUri(Activity activity, Uri uri) throws IOException {
//先进行尺寸压缩
Bitmap bitmap = getBitmapFormUri(activity, uri);
//再进行质量压缩
ByteArrayOutputStream out = new ByteArrayOutputStream();
bitmap.compress(Bitmap.CompressFormat.PNG, 100, out);//100表示不压缩，直接放到out里面
int options = 90;//压缩比例
while (out.toByteArray().length / 1024 > 200) { // 循环判断如果压缩后图片是否大于100kb,大于继续压缩
out.reset(); // 重置baos即清空baos
bitmap.compress(Bitmap.CompressFormat.JPEG, options, out);// 这里压缩options%，把压缩后的数据存放到baos中
options -= 10;// 每次都减少10
}
Log.e("压缩-提交", out.toByteArray().length + "");
byte[] bs = out.toByteArray();//转换为byte提交
return bs;
}
public static Uri getCompressUri(Activity activity, Uri uri) throws IOException {
//先进行尺寸压缩
Bitmap bitmap = getBitmapFormUri(activity, uri);
Uri uriCompress = Uri.parse(MediaStore.Images.Media.insertImage(activity.getContentResolver(), bitmap, null,null));
// //再进行质量压缩
// ByteArrayOutputStream out = new ByteArrayOutputStream();
// bitmap.compress(Bitmap.CompressFormat.PNG, 100, out);//100表示不压缩，直接放到out里面
// int options = 90;//压缩比例
// while (out.toByteArray().length / 1024 > 200) { // 循环判断如果压缩后图片是否大于100kb,大于继续压缩
// out.reset(); // 重置baos即清空baos
// bitmap.compress(Bitmap.CompressFormat.JPEG, options, out);// 这里压缩options%，把压缩后的数据存放到baos中
// options -= 10;// 每次都减少10
// }
// Log.e("压缩-提交", out.toByteArray().length + "");
//
// byte[] bs = out.toByteArray();//转换为byte提交
return uriCompress;
}
/**
* 图片尺寸压缩
*
* 宽度高度不一样：依靠规定的高或宽其一最大值来做界限
* 高度宽度一样：依照规定的宽度压缩
*
* @param uri
*/
public static Bitmap getBitmapFormUri(Activity ac, Uri uri) throws FileNotFoundException, IOException {
InputStream input = ac.getContentResolver().openInputStream(uri);
BitmapFactory.Options onlyBoundsOptions = new BitmapFactory.Options();
onlyBoundsOptions.inJustDecodeBounds = true;
onlyBoundsOptions.inDither = true;//optional
onlyBoundsOptions.inPreferredConfig = Bitmap.Config.ARGB_8888;//optional
BitmapFactory.decodeStream(input, null, onlyBoundsOptions);
input.close();
int originalWidth = onlyBoundsOptions.outWidth;
int originalHeight = onlyBoundsOptions.outHeight;
if ((originalWidth == -1) || (originalHeight == -1))
return null;
//图片分辨率以750x450为标准
float hh = 800f;//这里设置高度为750f
float ww = 800f;//这里设置宽度为450f
float sq = 800f;//这里设置正方形为300f
//缩放比。由于是固定比例缩放，只用高或者宽其中一个数据进行计算即可
Log.e("缩放", originalWidth + "..." + originalHeight);
int be = 1;//be=1表示不缩放
if (originalWidth > originalHeight && originalWidth > ww) {//如果宽度大，根据宽度固定大小缩放
be = (int) (originalWidth / ww);
} else if (originalWidth < originalHeight && originalHeight > hh) {//如果高度高，根据宽度固定大小缩放
be = (int) (originalHeight / hh);
} else if (originalWidth == originalHeight && originalWidth > sq) {//如果高度和宽度一样，根据任意一边大小缩放
//be = (int) (originalHeight / sq);
be = (int) (originalWidth / sq);
}
if (be <= 0) {//如果缩放比比1小，那么保持原图不缩放
be = 1;
}
Log.e("缩放", be + "");
//比例压缩
BitmapFactory.Options bitmapOptions = new BitmapFactory.Options();
bitmapOptions.inSampleSize = be;//设置缩放比例
bitmapOptions.inDither = true;//optional
bitmapOptions.inPreferredConfig = Bitmap.Config.ARGB_8888;//optional
input = ac.getContentResolver().openInputStream(uri);
Bitmap bitmap = BitmapFactory.decodeStream(input, null, bitmapOptions);
input.close();
return bitmap;//再进行质量压缩
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
相关推荐
-
Android开发从相机或相册获取图片裁剪
废话不多说了,直接给大家贴代码了. package com.only.android.app; import java.io.File; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.content.Intent; import android.graphics.Bitmap; import android.gr
-
Android 相机相册权限设置方法
在AndroidManifest.xml中设置相机和相册的权限, <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 以上这篇Android 相机相册权限设置方法就是小编分享给大家的全部内容了,
-
Android打开相机和相册实例代码
本文实例为大家分享了Android打开相机和相册具体代码,供大家参考,具体内容如下 打开相机 /** * 选择相机 */ private void showCamera() { // 跳转到系统照相机 Intent cameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); if (cameraIntent.resolveActivity(getPackageManager()) != null) { // 设置系统相机拍照后的输出路
-
Android工具类ImgUtil选择相机和系统相册
本文实例为大家分享了Android选择相机和系统相册的具体代码,供大家参考,具体内容如下 说明: Android选择相机和系统相册 代码: 1.打开系统相机和系统相册工具类 package com.gxjl.pe.gxjlpesdk.util; import android.Manifest; import android.app.Activity; import android.app.ActivityManager; import android.app.AlertDialog; impor
-
Android 系统相机拍照后相片无法在相册中显示解决办法
Android 系统相机拍照后相片无法在相册中显示解决办法 目前自己使用发送广播实现了效果 public void photo() { Intent openCameraIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE); startActivityForResult(openCameraIntent, TAKE_PICTURE); } 解决方法: protected void onActivityResul
-
Android实现读取相机（相册）图片并进行剪裁
我们先说一下思路,在android系统中就自带了图片剪切的应用,所以,我们只需要将我们获取到的相片传给图片剪切应用,再将剪切好的相片返回到我们自己的界面显示就ok了 在开发一些APP的过程中,我们可能涉及到头像的处理,比如从手机或者相册获取头像,剪裁成自己需要的头像,设置或上传头像等.网上一些相关的资料也是多不胜数,但在实际应用中往往会存在各种问题,没有一个完美的解决方案.由于近期项目的需求,就研究了一下,目前看来还没有什么问题. 这里我们只讨论获取.剪裁与设置,上传流程根据自己的业务需求添加.
-
Android中通过访问本地相册或者相机设置用户头像实例
目前几乎所有的APP在用户注册时都会有设置头像的需求,大致分为三种情况: (1)通过获取本地相册的图片,经过裁剪后作为头像. (2)通过启动手机相机,现拍图片然后裁剪作为头像. (3)在APP中添加一些自带的头像资源,供用户选择(不够人性化,目前很少使用). 这次我们简单介绍下通过获取本地相册以及相机拍摄的方法设置头像,实现思路如下: (1)通过startActivityForResult方法,分别传递调用系统相册的Intent和调用相机拍照的Intent来做选择 (2)调用Android系统中
-
Android编程实现调用相册、相机及拍照后直接裁剪的方法
本文实例讲述了Android编程实现调用相册.相机及拍照后直接裁剪的方法.分享给大家供大家参考,具体如下: package com.cvte.health.phone; import java.io.File; import java.text.SimpleDateFormat; import java.util.Date; import android.app.Activity; import android.content.ContentResolver; import android.co
-
android中打开相机、打开相册进行图片的获取示例
这里介绍在Android中实现相机调取.拍照片.获取照片.存储新路径等已经打开相册.选择照片等功能 首先看一下界面,很简单 配置读取内存卡和调用照相头的功能 <!-- 使用网络权限 --> <uses-permission android:name="android.permission.INTERNET"/> <!-- 写sd卡的权限 --> <uses-permission android:name="android.permis
-
Android网页H5 Input选择相机和系统相册
需求: 网页h5的input选择相机和系统相册,并且返回压缩的图片到h5. 代码: 1.WebView代码 package com.zql.sdk; import android.app.Activity; import android.content.Context; import android.content.Intent; import android.content.pm.PackageManager; import android.net.Uri; import android.os
-
Android WebView支持input file启用相机/选取照片功能
webview要调起input-file拍照或者选取文件功能,可以在webview.setWebChromeClient方法中重写指定的方法,来拦截webview的input事件,并做我们相应的操作. Android代码 webView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { if (newProgress
-
Android 调用系统相册选择照片
前言 在相册里选择图片上传也是很常见的功能了例如微信朋友圈等等.但是他们是自定义的选择器,可以选择多张图片并修改.这里我们讲一个最简单的:调用系统的相册选择一张图片并展示.另外有的读者还想到要通过相机拍照来选择图片的功能,也可以参考一下我的另一篇文章Android使用系统相机进行拍照 使用步骤 这里我是通过一个简单的demo来讲解怎么去实现这个功能.首先看布局: <Button android:id="@+id/button2" android:layout_width=&quo
-
Android WebView 不支持 H5 input type="file" 解决方法
最近因为赶项目进度,因此将本来要用原生控件实现的界面,自己做了H5并嵌入webview中.发现点击H5中 input type="file" 标签 不能打开android资源管理器. 通过网络搜索发现是因为 android webview 由于考虑安全原因屏蔽了 input type="file" 这个功能 . 经过不懈的努力,以及google 翻译的帮助 在 stackoverflow 中找到了解决的方法. 具体可以理解为 重写webview 的WebChrome
-
Android实现拍照、选择图片并裁剪图片功能
一. 实现拍照.选择图片并裁剪图片效果 按照之前博客的风格,首先看下实现效果. 二. uCrop项目应用 想起之前看到的Yalantis/uCrop效果比较绚,但是研究源码之后发现在定制界面方面还是有一点的限制,于是在它的基础上做了修改Android-Crop,把定制界面独立出来,让用户去自由设置.下图为使用Android-Crop实现的模仿微信选择图片并裁剪Demo. 三. 实现思路 比较简单的选择设备图片裁剪,并将裁剪后的图片保存到指定路径: 调用系统拍照,将拍照图片保存在SD卡,然后裁剪图
-
WebView的介绍与简单实现Android和H5互调的方法
为什么要学习Android与H5互调? 微信,QQ空间等大量软件都内嵌了H5,不得不说是一种趋势.Android与H5互调可以让我们的实现混合开发,至于混合开发就是在一个App中内嵌一个轻量级的浏览器,一部分原生的功能改为Html 5来开发. 优势:使用H5实现的功能能够在不升级App的情况下动态更新,而且可以在Android或iOS的App上同时运行,节约了成本,提高了开发效率. 原理:其实就是Java代码和JavaScript之间的调用. 开局插入一张文章的目录结构: WebView简介 要
-
Android实现从本地图库/相机拍照后裁剪图片并设置头像
玩qq或者是微信的盆友都知道,这些聊天工具里都要设置头像,一般情况下大家的解决办法是从本地图库选择图片或是从相机拍照,然后根据自己的喜爱截取图片.上述过程已经实现好了,最后一步我加上了把截取好的图片在保存到本地的操作,来保存头像.为了大家需要,下面我们小编把完整的代码贴出来供大家参考. 先给大家展示效果图: 代码部分: 布局代码(其实就是两个按钮和一个ImageView来显示头像) <LinearLayout xmlns:android="http://schemas.android.co
-
Android与H5互调详细介绍
Android与H5互调详细介绍 微信,微博,微商,QQ空间,大量的软件使用内嵌了H5,这个时候就需要了解Android如何更H5交互的了:有些外包公司,为了节约成本,采用Android内嵌H5模式开发,便于在iOS上直接复用页面,最终解决成本. 为什么学android也要学h5? Android很多软件都有内嵌H5的,有什么用处.优势?节约成本,提高开发效率. 实现的原理是什么? 本质是:Java代码和JavaScript调用 案例一:Java与Js简单互调 首先,在Android代码中加载H
-
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
最近在做一个H5的项目,里边涉及到拍照上传图片的功能以及识别图片的功能,这里对识别图片的功能不做赘述,不属本文范畴.我在做完并上线项目后,同事跟我提了一个要求是可不可以同时选择多张图片上传,我做的时候的想法是如果给file表单加了 multiple 属性就没有办法调用手机的摄像头拍照了,如果不加,就无法同时选择多张图片,于是我就照实跟同事说了这个情况.但回头一想,单张图片可以上传,那多张图片呢?于是就有了本文的内容. HTML5定义了 FileReader 作为文件 API 的重要成员用于读取文