Android 头像上传至服务器 (OkHttpClient请求)

2023-11-04 22:18
文章标签 android 服务器 请求 上传 头像 okhttpclient

本文主要是介绍Android 头像上传至服务器 (OkHttpClient请求)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Android 头像上传至服务器 (OkHttpClient请求)

1.导入本章内容要使用的第三方库

	implementation 'com.squareup.okhttp3:okhttp:3.12.1'debugImplementation 'com.squareup.okhttp3:logging-interceptor:3.12.1'implementation 'com.google.code.gson:gson:2.8.5'implementation 'com.github.bumptech.glide:glide:4.9.0'annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'implementation 'de.hdodenhof:circleimageview:2.1.0'

2.添加权限

    <uses-permission android:name="android.permission.INTERNET" /> <!-- 读写获取网络文件的权限 --><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

3.界面布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><de.hdodenhof.circleimageview.CircleImageViewandroid:id="@+id/c1"android:layout_width="80dp"android:layout_height="100dp"android:layout_gravity="center"android:src="@mipmap/logo"></de.hdodenhof.circleimageview.CircleImageView><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:textSize="20sp"android:layout_marginTop="10dp"android:text="点击头像更换"/></LinearLayout>

界面展示
在这里插入图片描述
4.点击头像监听内容
采用弹出底部菜单从而进行选择图片上传样式

界面展示
在这里插入图片描述
界面布局代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#fff"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><ImageViewandroid:layout_width="35dp"android:layout_height="50dp"android:src="@mipmap/a1"android:layout_marginLeft="50dp"/><TextViewandroid:id="@+id/tv_take_photo"android:layout_width="match_parent"android:layout_height="50dp"android:layout_marginRight="50dp"android:text="拍摄"android:gravity="center"android:textSize="16sp"android:textColor="@android:color/background_dark"/></LinearLayout><Viewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="@android:color/darker_gray"/>
<LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><ImageViewandroid:layout_width="35dp"android:layout_height="50dp"android:src="@mipmap/a2"android:layout_marginLeft="50dp"/><TextViewandroid:id="@+id/tv_take_pic"android:layout_width="match_parent"android:layout_height="50dp"android:text="从手机相册选择"android:layout_marginRight="50dp"android:gravity="center"android:textSize="16sp"android:textColor="@android:color/background_dark"/>
</LinearLayout><Viewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="@android:color/darker_gray"/><TextViewandroid:id="@+id/tv_cancel"android:layout_width="match_parent"android:layout_height="50dp"android:text="取消"android:gravity="center"android:textSize="16sp"android:textColor="@android:color/background_dark"/></LinearLayout>

(1)style.xml文件添加样式

    <style name="DialogTheme" parent="@android:style/Theme.Dialog"><!-- 边框 --><item name="android:windowFrame">@null</item><!-- 是否浮现在activity之上 --><item name="android:windowIsFloating">true</item><!-- 半透明 --><item name="android:windowIsTranslucent">true</item><!-- 无标题 --><item name="android:windowNoTitle">true</item><item name="android:background">@android:color/transparent</item><!-- 背景透明 --><item name="android:windowBackground">@android:color/transparent</item><!-- 模糊 --><item name="android:backgroundDimEnabled">true</item><!-- 遮罩层 --><item name="android:backgroundDimAmount">0.5</item></style><style name="main_menu_animStyle">windowEnterAnimation 进入的动画代码里面<item name="android:windowEnterAnimation">@anim/dialog_in_anim</item><item name="android:windowExitAnimation">@anim/dialog_out_anim</item></style>

(2)添加动画
在res文件下创建命名为anim的文件
在这里插入图片描述
第一个动画文件命名为dialog_in_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" ><translateandroid:duration="500"android:fromXDelta="0"android:fromYDelta="1000"android:toXDelta="0"android:toYDelta="0" />
</set>

第二个动画文件命名为dialog_out_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" ><translateandroid:duration="500"android:fromXDelta="0"android:fromYDelta="0"android:toXDelta="0"android:toYDelta="1000" />
</set>

(3)功能实现
绑定ID，并实现监听器
在这里插入图片描述
底部菜单核心代码

private void showBottomDialog(){//1、使用Dialog、设置stylefinal Dialog dialog = new Dialog(this,R.style.DialogTheme);//2、设置布局View view = View.inflate(this,R.layout.dialog_custom_layout,null);dialog.setContentView(view);Window window = dialog.getWindow();//设置弹出位置window.setGravity(Gravity.BOTTOM);//设置弹出动画window.setWindowAnimations(R.style.main_menu_animStyle);//设置对话框大小window.setLayout(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);dialog.show();dialog.findViewById(R.id.tv_take_photo).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {}});dialog.findViewById(R.id.tv_take_pic).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {}});dialog.findViewById(R.id.tv_cancel).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {dialog.dismiss();}});}

完成，下面开始实现图片上传到服务器
5.图片上传到服务器
定义
在这里插入图片描述

如果安卓版本为7.0以上，需要添加下面的代码避免打开相机报错

@RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN_MR2)private void initPhotoError() {// android 7.0系统解决拍照的问题StrictMode.VmPolicy.Builder builder = new StrictMode.VmPolicy.Builder();StrictMode.setVmPolicy(builder.build());builder.detectFileUriExposure();}

初始化文件
在这里插入图片描述

file = new File(Environment.getExternalStorageDirectory(), "headPicture.jpg");//新建一个文件（路径，文件名称）if (file.exists()){file.delete();}try {file.createNewFile();} catch (IOException e) {e.printStackTrace();}imageUri = Uri.fromFile(file);

图片裁剪代码

    private void cropPicture(Uri uri){//新建一个表示裁剪的IntentIntent intent = new Intent("com.android.camera.action.CROP");//表明我要裁剪的目标是uri这个地址，文件类型是图片intent.setDataAndType(uri,"image/*");//指定长宽的比例为1:1intent.putExtra("aspectX", 1);intent.putExtra("aspectY", 1);//指定宽高为1000intent.putExtra("outputX", 1000);intent.putExtra("outputY", 1000);intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);startActivityForResult(intent,2);}

保存图片文件路径

 private void setHeadPicture(){try {//根据imageUri用getContentResolver来获取流对象 再转化成bitmapBitmap bitmap = BitmapFactory.decodeStream(getContentResolver().openInputStream(imageUri));if (bitmap==null){//判断bitmap是否为空Toast.makeText(this,"图像没有存储到sd卡根目录",Toast.LENGTH_SHORT).show();}c1.setImageBitmap(bitmap);} catch (FileNotFoundException e) {}}

图片裁剪

 private void cropPicture(Uri uri){//新建一个表示裁剪的IntentIntent intent = new Intent("com.android.camera.action.CROP");//表明我要裁剪的目标是uri这个地址，文件类型是图片intent.setDataAndType(uri,"image/*");//指定长宽的比例为1:1intent.putExtra("aspectX", 1);intent.putExtra("aspectY", 1);//指定宽高为1000intent.putExtra("outputX", 200);intent.putExtra("outputY", 200);intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);startActivityForResult(intent,2);}

定义OkhttpUtils类

package com.example.note1;import org.json.JSONObject;import java.io.File;
import java.io.IOException;import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.MediaType;
import okhttp3.MultipartBody;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.RequestBody;
import okhttp3.Response;public class OkhttpUtils {//定义一个JSON的MediaType（互联网媒体类型）private static final MediaType JSON = MediaType.parse("application/json; charset=utf-8");//1.定义一个OkhttpClientprivate static OkHttpClient client = new OkHttpClient();public static void doPost(final String url, final File file,JSONObject jsonObject, final com.example.note1.HttpResponseCallBack httpResponseCallBack){//建立bodyRequestBody body = RequestBody.create(JSON,jsonObject.toString());//建立请求Request request = new Request.Builder().post(body).url(url).build();Call call = client.newCall(request);call.enqueue(new Callback() {@Overridepublic void onFailure(Call call, IOException e) {httpResponseCallBack.error(e);}@Overridepublic void onResponse(Call call, Response response) throws IOException {String s = response.body().string();httpResponseCallBack.response(s);if (file!=null)//如果有文件需要传输的话{doPostPicture(url, file,new com.example.note1.HttpResponseCallBack() {@Overridepublic void response(String response) {//做操作}@Overridepublic void error(Exception e) {//做操作}});}}});}//参数为要上传的网址，本地照片在本地的地址，我们自己定义的接口private static void doPostPicture(String url, File file,final com.example.note1.HttpResponseCallBack httpResponseCallBack) {//2.创建一个请求体RequestBody body;//3.创建一个请求体建造器MultipartBody.Builder builder = new MultipartBody.Builder().setType(MultipartBody.FORM);System.out.println(file);builder.addFormDataPart("file", "headPicture.jpg", RequestBody.create(MediaType.parse("image/jpg"), file)).addFormDataPart("port","3").build();body = builder.build();//3.创建一个请求，利用构建器方式添加url和请求体。Request request = new Request.Builder().post(body).addHeader("Authorization", "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwczpcL1wveHVlemkuY2hhbmppYW9yb25nLmNvbVwvYXBpXC9jb21tb25cL2xvZ2luXC9wd2RMb2dpbiIsImlhdCI6MTYyMDEzODMwNCwiZXhwIjoxNjIzMzMwMzA0LCJuYmYiOjE2MjAxMzgzMDQsImp0aSI6IkJFSmI4UFNsdE1wdWRyOEwiLCJzdWIiOjcsInBydiI6IjljMmViNzg4ZjYyM2NlMTE3OWU2NDYzZDE0OTAxZWY1YzY1MTA0YTUiLCJyb2xlIjoiYXBpIn0.-e5EbtMDjokahHtY6lLpEnEegXzlTWyhhQ5my1WyhD8").addHeader("Accept","").addHeader("port","3").url(url).build();//4.定义一个call，利用okhttpclient的newcall方法来创建对象。因为Call是一个接口不能利用构造器实例化。Call call = client.newCall(request);//5.这是异步调度方法，上传和接受的工作都在子线程里面运作，如果要使用同步的方法就用call.excute(),此方法返回的就是Responsecall.enqueue(new Callback() {@Overridepublic void onFailure(Call call, IOException e) {httpResponseCallBack.error(e);//错误发生时的处理}@Overridepublic void onResponse(Call call, Response response) throws IOException {String reslt=response.body().string();System.out.println(reslt);}});}
}

监听功能

@Overrideprotected void onActivityResult(int requestCode, int resultCode, Intent data) {super.onActivityResult(requestCode, resultCode, data);switch (requestCode) {case 0://拍照if (resultCode == RESULT_OK) {cropPicture(imageUri);}break;case 1://从相册获取if (resultCode == RESULT_OK) {cropPicture(data.getData());}break;case 2://裁剪之后if (resultCode == RESULT_OK) {setHeadPicture();//点击以后上传用户id和用户图片到服务器JSONObject jsonObject = new JSONObject();OkhttpUtils.doPost(url, file, token,jsonObject, new HttpResponseCallBack() {@Overridepublic void response(String response) {runOnUiThread(new Runnable() {@Overridepublic void run() {Toast.makeText(MainActivity4.this,"上传成功",Toast.LENGTH_SHORT).show();}});}@Overridepublic void error(Exception e) {}});}break;}}

实现功能
在这里插入图片描述
源代码
https://download.csdn.net/download/Scxioi0/18384366

这篇关于Android 头像上传至服务器 (OkHttpClient请求)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/345517。

相关文章

Vue ElementUI中Upload组件批量上传的实现代码

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl
阅读更多...
SpringBoot项目注入 traceId 追踪整个请求的日志链路(过程详解)

SpringBoot项目注入 traceId 追踪整个请求的日志链路(过程详解)

《SpringBoot项目注入traceId追踪整个请求的日志链路(过程详解)》本文介绍了如何在单体SpringBoot项目中通过手动实现过滤器或拦截器来注入traceId,以追踪整个请求的日志链... SpringBoot项目注入 traceId 来追踪整个请求的日志链路，有了 traceId， 我们在排
阅读更多...
Android开发中gradle下载缓慢的问题级解决方法

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问
阅读更多...
MySQL 中的服务器配置和状态详解(MySQL Server Configuration and Status)

MySQL 中的服务器配置和状态详解(MySQL Server Configuration and Status)

《MySQL中的服务器配置和状态详解(MySQLServerConfigurationandStatus)》MySQL服务器配置和状态设置包括服务器选项、系统变量和状态变量三个方面,可以通过... 目录mysql 之服务器配置和状态1 MySQL 架构和性能优化1.1 服务器配置和状态1.1.1 服务器选项
阅读更多...
ElasticSearch+Kibana通过Docker部署到Linux服务器中操作方法

ElasticSearch+Kibana通过Docker部署到Linux服务器中操作方法

《ElasticSearch+Kibana通过Docker部署到Linux服务器中操作方法》本文介绍了Elasticsearch的基本概念,包括文档和字段、索引和映射,还详细描述了如何通过Docker... 目录1、ElasticSearch概念2、ElasticSearch、Kibana和IK分词器部署
阅读更多...
部署Vue项目到服务器后404错误的原因及解决方案

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤
阅读更多...
如何使用Java实现请求deepseek

如何使用Java实现请求deepseek

《如何使用Java实现请求deepseek》这篇文章主要为大家详细介绍了如何使用Java实现请求deepseek功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1.deepseek的api创建2.Java实现请求deepseek2.1 pom文件2.2 json转化文件2.2
阅读更多...
Linux流媒体服务器部署流程

Linux流媒体服务器部署流程

《Linux流媒体服务器部署流程》文章详细介绍了流媒体服务器的部署步骤,包括更新系统、安装依赖组件、编译安装Nginx和RTMP模块、配置Nginx和FFmpeg,以及测试流媒体服务器的搭建... 目录流媒体服务器部署部署安装1.更新系统2.安装依赖组件3.解压4.编译安装（添加RTMP和openssl模块
阅读更多...
Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后
阅读更多...
Android里面的Service种类以及启动方式

Android里面的Service种类以及启动方式

《Android里面的Service种类以及启动方式》Android中的Service分为前台服务和后台服务,前台服务需要亮身份牌并显示通知,后台服务则有启动方式选择,包括startService和b... 目录一句话总结：一、Service 的两种类型：1. 前台服务（必须亮身份牌）2. 后台服务（偷偷干
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2