使用OKhttp的封装类 进行本地相册或拍照的图片上传显示
来源：互联网 发布：双向数据绑定 编辑：程序博客网 时间：2024/05/18 00:24
1. 效果图：
2. 在当前app的build.dradle中导入依赖，进行加载：
（1）compile'com.jakewharton:butterknife:7.0.0' butterknife自动生成控件id
（2）compile'com.squareup.okhttp3:okhttp:3.9.0' okhttp依赖
（3）compile'com.squareup.okhttp3:logging-interceptor:3.4.2' 封装的okhttp,使用拦截器
3. 页面布局：activity_main.xml
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <RelativeLayout android:id="@+id/reative_01" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:padding="20dp" android:text="个人信息" android:textSize="26sp" android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" /> <View android:background="#000" android:visibility="visible" android:layout_height="1dp" android:layout_below="@+id/text" android:layout_width="match_parent"></View> </RelativeLayout> <RelativeLayout android:id="@+id/reative_02" android:layout_below="@+id/reative_01" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:text="头像" android:padding="20dp" android:textSize="26sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true"/> <ImageView android:padding="20dp" android:scaleType="fitXY" android:id="@+id/headPhoto" android:layout_width="118dp" android:layout_height="118dp" android:src="@mipmap/ic_launcher" android:layout_centerVertical="true" android:layout_alignParentRight="true" /> </RelativeLayout> <View android:background="#000" android:visibility="visible" android:layout_height="1dp" android:layout_below="@+id/reative_02" android:layout_width="match_parent"></View> <RelativeLayout android:id="@+id/reative_03" android:layout_below="@+id/reative_02" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:text="用户名" android:padding="20dp" android:textSize="26sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true"/> <TextView android:text="旺哥" android:padding="20dp" android:id="@+id/userName" android:textColor="#a9aab2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_alignParentRight="true"/> </RelativeLayout> <View android:background="#000" android:layout_height="1dp" android:visibility="visible" android:layout_below="@+id/reative_03" android:layout_width="match_parent"></View> <RelativeLayout android:id="@+id/reative_04" android:layout_below="@+id/reative_03" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:text="昵称" android:padding="20dp" android:textSize="26sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true"/> <EditText android:text="问天" android:padding="20dp" android:id="@+id/niCheng" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_alignParentRight="true"/> </RelativeLayout> <View android:id="@+id/view" android:background="#000" android:visibility="visible" android:layout_height="1dp" android:layout_below="@+id/reative_04" android:layout_width="match_parent"></View> <Button android:text="从相册选取" android:id="@+id/selectPhoto" android:background="#1E90FF" android:layout_marginTop="88dp" android:layout_marginBottom="2dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_above="@+id/takePhoto" android:layout_centerHorizontal="true" /> <Button android:text="拍照" android:id="@+id/takePhoto" android:background="#1E90FF" android:layout_marginBottom="50dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_alignParentBottom="true" /> <Button android:text="取消" android:id="@+id/cancel" android:background="#1E90FF" android:layout_marginTop="88dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true"/></RelativeLayout>
4. MainActivity.java 功能代码
import android.content.Context;import android.content.Intent;import android.content.SharedPreferences;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.net.Uri;import android.os.Bundle;import android.os.Environment;import android.provider.MediaStore;import android.support.v7.app.AppCompatActivity;import android.util.Base64;import android.util.Log;import android.view.View;import android.widget.Button;import android.widget.EditText;import android.widget.ImageView;import android.widget.Toast;import com.bwie.okhttpdesign.okhttputil.OkHttp;import java.io.ByteArrayInputStream;import java.io.ByteArrayOutputStream;import java.io.File;import java.io.IOException;import java.util.HashMap;import java.util.Map;import butterknife.Bind;import butterknife.ButterKnife;import butterknife.OnClick;import okhttp3.Request;//个人中心页面public class MainActivity extends AppCompatActivity { @Bind(R.id.selectPhoto) Button selectPhoto; @Bind(R.id.takePhoto) Button takePhoto; @Bind(R.id.cancel) Button cancel; @Bind(R.id.niCheng) EditText niCheng; @Bind(R.id.headPhoto) ImageView headPhoto; private static final int PHOTO_REQUEST_CAREMA = 1;// 拍照 private static final int PHOTO_REQUEST_GALLERY = 2;// 从相册中选择 private static final int PHOTO_REQUEST_CUT = 3;// 结果 /* 头像名称 */ private static final String PHOTO_FILE_NAME = "headPhoto.jpg"; private File tempFile; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(this); //从SharedPreferences获取图片 getBitmapFromSharedPreferences(); //重新设置用户昵称 niCheng.setText(niCheng.getText().toString()); } @OnClick({R.id.headPhoto, R.id.selectPhoto, R.id.takePhoto, R.id.cancel}) public void onViewClicked(View view) { switch (view.getId()) { case R.id.takePhoto: // 激活相机 Intent intent = new Intent("android.media.action.IMAGE_CAPTURE"); // 判断存储卡是否可以用，可用进行存储 if (hasSdcard()) { tempFile = new File(Environment.getExternalStorageDirectory(), PHOTO_FILE_NAME); // 从文件中创建uri Uri uri = Uri.fromFile(tempFile); intent.putExtra(MediaStore.EXTRA_OUTPUT, uri); } // 开启一个带有返回值的Activity，请求码为PHOTO_REQUEST_CAREMA startActivityForResult(intent, PHOTO_REQUEST_CAREMA); break; case R.id.selectPhoto: // 激活系统图库，选择一张图片 Intent intent1 = new Intent(Intent.ACTION_PICK); intent1.setType("image/*"); // 开启一个带有返回值的Activity，请求码为PHOTO_REQUEST_GALLERY startActivityForResult(intent1, PHOTO_REQUEST_GALLERY); break; case R.id.cancel: Toast.makeText(MainActivity.this,"已取消操作",Toast.LENGTH_SHORT).show(); break; default: break; } } //判断sdcard是否被挂载 private boolean hasSdcard() { //判断ＳＤ卡手否是安装好的 media_mounted if (Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)) { return true; } else { return false; } } /* * 剪切图片 */ private void crop(Uri uri) { // 裁剪图片意图 Intent intent = new Intent("com.android.camera.action.CROP"); intent.setDataAndType(uri, "image/*"); intent.putExtra("crop", "true"); // 裁剪框的比例，1：1 intent.putExtra("aspectX", 1); intent.putExtra("aspectY", 1); // 裁剪后输出图片的尺寸大小 intent.putExtra("outputX", 250); intent.putExtra("outputY", 250); intent.putExtra("outputFormat", "JPEG");// 图片格式 intent.putExtra("noFaceDetection", true);// 取消人脸识别 intent.putExtra("return-data", true); // 开启一个带有返回值的Activity，请求码为PHOTO_REQUEST_CUT startActivityForResult(intent, PHOTO_REQUEST_CUT); } /** * @param requestCode * @param resultCode * @param data */ @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (requestCode == PHOTO_REQUEST_GALLERY) { // 从相册返回的数据 if (data != null) { // 得到图片的全路径 Uri uri = data.getData(); crop(uri); } } else if (requestCode == PHOTO_REQUEST_CAREMA) { // 从相机返回的数据 if (hasSdcard()) { crop(Uri.fromFile(tempFile)); } else { Toast.makeText(MainActivity.this, "未找到存储卡，无法存储照片！", Toast.LENGTH_SHORT).show(); } } else if (requestCode == PHOTO_REQUEST_CUT) { // 从剪切图片返回的数据 if (data != null) { Bitmap bitmap = data.getParcelableExtra("data"); /** * 获得图片 */ headPhoto.setImageBitmap(bitmap); //保存到SharedPreferences saveBitmapToSharedPreferences(bitmap); } try { // 将临时文件删除 tempFile.delete(); } catch (Exception e) { e.printStackTrace(); } } super.onActivityResult(requestCode, resultCode, data); } //保存图片到SharedPreferences private void saveBitmapToSharedPreferences(Bitmap bitmap) { // Bitmap bitmap=BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher); //第一步:将Bitmap压缩至字节数组输出流ByteArrayOutputStream ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream(); bitmap.compress(Bitmap.CompressFormat.PNG, 80, byteArrayOutputStream); //第二步:利用Base64将字节数组输出流中的数据转换成字符串String byte[] byteArray = byteArrayOutputStream.toByteArray(); String imageString = new String(Base64.encodeToString(byteArray, Base64.DEFAULT)); //第三步:将String保持至SharedPreferences SharedPreferences sharedPreferences = getSharedPreferences("testSP", Context.MODE_PRIVATE); SharedPreferences.Editor editor = sharedPreferences.edit(); editor.putString("image", imageString); editor.commit(); //上传头像 setImgByStr(imageString,""); } /** * 上传头像 此处使用用的OKHttp post请求上传的图片 * @param imgStr * @param imgName */ public void setImgByStr(String imgStr, String imgName) { String url = "http://appserver。。。。。。。"; Map<String, String> params = new HashMap<String, String>(); params.put("id", "参数值");// params.put("data", imgStr); OkHttp.postAsync(url, params, new OkHttp.DataCallBack() { @Override public void requestFailure(Request request, IOException e) { Log.i("上传失败", "失败" + request.toString() + e.toString()); } @Override public void requestSuccess(String result) throws Exception { Log.i("上传成功", result); } }); } //从SharedPreferences获取图片 private void getBitmapFromSharedPreferences(){ SharedPreferences sharedPreferences=getSharedPreferences("testSP", Context.MODE_PRIVATE); //第一步:取出字符串形式的Bitmap String imageString=sharedPreferences.getString("image", ""); //第二步:利用Base64将字符串转换为ByteArrayInputStream byte[] byteArray=Base64.decode(imageString, Base64.DEFAULT); if(byteArray.length==0){ headPhoto.setImageResource(R.mipmap.ic_launcher); }else{ ByteArrayInputStream byteArrayInputStream=new ByteArrayInputStream(byteArray); //第三步:利用ByteArrayInputStream生成Bitmap Bitmap bitmap= BitmapFactory.decodeStream(byteArrayInputStream); headPhoto.setImageBitmap(bitmap); } }}
5. 封装的OKhttp类
import android.os.Handler;import android.os.Looper;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.util.HashMap;import java.util.Map;import java.util.concurrent.TimeUnit;import okhttp3.Call;import okhttp3.Callback;import okhttp3.FormBody;import okhttp3.OkHttpClient;import okhttp3.Request;import okhttp3.RequestBody;import okhttp3.Response;import okhttp3.logging.HttpLoggingInterceptor;/** * 封装的OkHttp类 */public class OkHttp { //静态实例 private static OkHttp sOkHttpManager; //okhttpclient实例 private OkHttpClient mClient; //因为我们请求数据一般都是子线程中请求，在这里我们使用了handler private Handler mHandler; //构造方法 private OkHttp() { //可以通过实现 Logger 接口更改日志保存位置 HttpLoggingInterceptor loggingInterceptor = new HttpLoggingInterceptor(); loggingInterceptor.setLevel(HttpLoggingInterceptor.Level.BODY); mClient = new OkHttpClient(); //在这里直接设置连接超时.读取超时，写入超时 OkHttpClient.Builder builder = mClient.newBuilder(); builder.connectTimeout(10, TimeUnit.SECONDS); builder.readTimeout(10, TimeUnit.SECONDS); builder.writeTimeout(10, TimeUnit.SECONDS); builder.addInterceptor(loggingInterceptor); mClient = builder.build(); /** * 如果是用的3.0之前的版本 使用以下直接设置连接超时.读取超时，写入超时 */ //client.setConnectTimeout(10, TimeUnit.SECONDS); //client.setWriteTimeout(10, TimeUnit.SECONDS); //client.setReadTimeout(30, TimeUnit.SECONDS); //初始化handler mHandler = new Handler(Looper.getMainLooper()); } /** * 单例模式 获取OkHttp实例 * * @return */ public static OkHttp getInstance() { if (sOkHttpManager == null) { sOkHttpManager = new OkHttp(); } return sOkHttpManager; } //-------------------------同步的方式请求数据-------------------------- /** * 对外提供的get方法,同步的方式 * @param url 传入的地址 * @return */ public static Response getSync(String url) { //通过获取到的实例来调用内部方法 return sOkHttpManager.inner_getSync(url); } /** * GET方式请求的内部逻辑处理方式，同步的方式 * @param url * @return */ private Response inner_getSync(String url) { Request request = new Request.Builder().url(url).build(); Response response = null; try { //同步请求返回的是response对象 response = mClient.newCall(request).execute(); } catch (IOException e) { e.printStackTrace(); } return response; } /** * 对外提供的同步获取String的方法 * * @param url * @return */ public static String getSyncString(String url) { return sOkHttpManager.inner_getSyncString(url); } /** * 同步方法 */ private String inner_getSyncString(String url) { String result = null; try { /** * 把取得到的结果转为字符串，这里最好用string() */ result = inner_getSync(url).body().string(); } catch (IOException e) { e.printStackTrace(); } return result; } //-------------------------异步的方式请求数据-------------------------- public static void getAsync(String url, DataCallBack callBack) { getInstance().inner_getAsync(url, callBack); } /** * 内部逻辑请求的方法 * @param url * @param callBack * @return */ private void inner_getAsync(String url, final DataCallBack callBack) { final Request request = new Request.Builder().url(url).build(); mClient.newCall(request).enqueue(new Callback() { @Override public void onFailure(Call call, IOException e) { deliverDataFailure(request, e, callBack); } @Override public void onResponse(Call call, Response response) throws IOException { String result = null; try { result = response.body().string(); } catch (IOException e) { deliverDataFailure(request, e, callBack); } deliverDataSuccess(result, callBack); } }); } /** * 分发失败的时候调用 * @param request * @param e * @param callBack */ private void deliverDataFailure(final Request request, final IOException e, final DataCallBack callBack) { /** * 在这里使用异步处理 */ mHandler.post(new Runnable() { @Override public void run() { if (callBack != null) { callBack.requestFailure(request, e); } } }); } /** * 分发成功的时候调用 * @param result * @param callBack */ private void deliverDataSuccess(final String result, final DataCallBack callBack) { /** * 在这里使用异步线程处理 */ mHandler.post(new Runnable() { @Override public void run() { if (callBack != null) { try { callBack.requestSuccess(result); } catch (Exception e) { e.printStackTrace(); } } } }); } /** * 数据回调接口 */ public interface DataCallBack { void requestFailure(Request request, IOException e); void requestSuccess(String result) throws Exception; } //-------------------------提交表单-------------------------- public static void postAsync(String url, Map<String, String> params, DataCallBack callBack) { getInstance().inner_postAsync(url, params, callBack); } private void inner_postAsync(String url, Map<String, String> params, final DataCallBack callBack) { RequestBody requestBody = null; if (params == null) { params = new HashMap<>(); } /** * 如果是3.0之前版本的，构建表单数据是下面的一句 */ //FormEncodingBuilder builder = new FormEncodingBuilder(); /** * 3.0之后版本 */ FormBody.Builder builder = new FormBody.Builder(); /** * 在这对添加的参数进行遍历，map遍历有四种方式，如果想要了解的可以网上查找 */ for (Map.Entry<String, String> map : params.entrySet()) { String key = map.getKey().toString(); String value = null; /** * 判断值是否是空的 */ if (map.getValue() == null) { value = ""; } else { value = map.getValue(); } /** * 把key和value添加到formbody中 */ builder.add(key, value); } requestBody = builder.build(); //结果返回，添加请求对象，获取数据/* //下面注释部分代码加上报错但不影响效果，为求效果完美，最好注释 final Request request = new Request.Builder().url(url).post(requestBody).build(); mClient.newCall(request).enqueue(new Callback() { @Override public void onFailure(Call call, IOException e) { deliverDataFailure(request, e, callBack); } @Override public void onResponse(Call call, Response response) throws IOException { String result = response.body().string(); deliverDataSuccess(result, callBack); } });*/ } //-------------------------文件下载-------------------------- public static void downloadAsync(String url, String desDir, DataCallBack callBack) { getInstance().inner_downloadAsync(url, desDir, callBack); } /** * 下载文件的内部逻辑处理类 * @param url 下载地址 * @param desDir 目标地址 * @param callBack */ private void inner_downloadAsync(final String url, final String desDir, final DataCallBack callBack) { final Request request = new Request.Builder().url(url).build(); mClient.newCall(request).enqueue(new Callback() { @Override public void onFailure(Call call, IOException e) { deliverDataFailure(request, e, callBack); } @Override public void onResponse(Call call, Response response) throws IOException { //在这里进行文件的下载处理 InputStream inputStream = null; FileOutputStream fileOutputStream = null; try { //文件名和目标地址 File file = new File(desDir, getFileName(url)); //把请求回来的response对象装换为字节流 inputStream = response.body().byteStream(); fileOutputStream = new FileOutputStream(file); int len = 0; byte[] bytes = new byte[2048]; //循环读取数据 while ((len = inputStream.read(bytes)) != -1) { fileOutputStream.write(bytes, 0, len); } //关闭文件输出流 fileOutputStream.flush(); //调用分发数据成功的方法 deliverDataSuccess(file.getAbsolutePath(), callBack); } catch (IOException e) { //如果失败，调用此方法 deliverDataFailure(request, e, callBack); e.printStackTrace(); } finally { if (inputStream != null) { inputStream.close(); } if (fileOutputStream != null) { fileOutputStream.close(); } } } }); } /** * 根据文件url获取文件的路径名字 * @param url * @return */ private String getFileName(String url) { int separatorIndex = url.lastIndexOf("/"); String path = (separatorIndex < 0) ? url : url.substring(separatorIndex + 1, url.length()); return path; }}
6. 清单文件中配置权限 AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.bwie.okhttpdesign"> <!--读写获取网络文件的权限--> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.INTERNET"/> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application></manifest>
阅读全文
0 0
- 使用OKhttp的封装类 进行本地相册或拍照的图片上传显示
- 使用AFNetworking上传相册或拍照的图片
- 获取本地图片或拍照，进行头像图片的上传的工具类
- 微信小程序从本地相册选择图片或使用相机拍照之我的理解
- Android中使用封装的OKHttp上传图片，从相机和相册中获取图片并剪切
- Android开发——相册拍照_02.将拍照得到或相册中选择的图片显示在ImageView中
- Fragment调用PopupWindow工具封装类开启拍照或相册选择图片后无法回调的解决办法！
- 利用 AFN 上传相册或拍照图片
- 微信公众号js接口，实现图片的上传（拍照+本地相册）
- ionic 的项目实现从手机相册选取图片或拍照并上传至服务器
- ViewPager显示本地或网络图片的封装
- Android图片压缩(包含拍照或从相册选取图片,PopupWindow的使用)
- 上传图片到服务器和图片内存处理以及拍照或从相册选取图片的小总结
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- H5下上传图片预览
- 实验7、矩阵的2种转置运算 （4学时）
- Linux Shell 学习笔记(二) 命令
- Maven私服Nexus搭建&应用
- 4.C语言（1）
- 使用OKhttp的封装类 进行本地相册或拍照的图片上传显示
- 前端笔记
- 理解Java Spring核心功能之一：控制反转容器(IOC Container)
- 用Java提供的工具类对一个字符串进行加密
- HDU 3853 LOOPS【期望DP】
- 99乘法表
- PHP对mysql数据库的插入记录
- 5.5
- 使用std::copy将std::map输出到std::cout
