android OkGo 多张图上传

原创

mob64ca12f6e9a0 2024-12-14 08:06:25 ©著作权

文章标签 图片上传选择图片 java 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12f6e9a0的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android OkGo 多张图上传指南

在现代手机应用中，图片上传是一个非常常见的需求。本篇文章将为刚入行的小白开发者详细讲解如何使用 OkGo 实现多张图片的上传。无论是社交应用、个人博客还是电商平台，图片上传的功能总是不可或缺的。

流程概述

以下是实现多张图片上传的基本流程：

步骤	描述
1	添加 OkGo 依赖
2	选择图片
3	构建请求体
4	发送请求
5	处理响应

1. 添加 OkGo 依赖

在你的 build.gradle 中添加 OkGo 依赖：

dependencies {
    implementation 'com.lzy.okgo:okgo:3.0.4'
    implementation 'com.lzy.okgo:converter-gson:3.0.4' // 用于解析
}

2. 选择图片

使用系统的图片选择器来选择多张图片，可以用 Intent。下面是一个示例：

Intent intent = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
intent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, true);
startActivityForResult(intent, PICK_IMAGE);

在 onActivityResult 中处理用户选择的图片，将其存储在列表中：

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (requestCode == PICK_IMAGE && resultCode == RESULT_OK) {
        if (data.getClipData() != null) { // 如果用户选择了多张图片
            for (int i = 0; i < data.getClipData().getItemCount(); i++) {
                Uri imageUri = data.getClipData().getItemAt(i).getUri();
                imageUriList.add(imageUri); // 假设 imageUriList 是一个 ArrayList<Uri>
            }
        } else {
            Uri imageUri = data.getData(); // 单张图片
            imageUriList.add(imageUri);
        }
    }
}

3. 构建请求体

使用 OkGo 创建请求对象并添加图片。我们需要建立一个包含图片的请求体：

OkGo.<String>post("YOUR_API_URL") // 提交的接口
    .addFileParams("images", imageUriList) // "images" 是服务器接收的字段名称

4. 发送请求

继续构建请求，最后发送并处理响应：

.execute(new StringCallback() {
    @Override
    public void onSuccess(Response<String> response) {
        // 处理成功响应
        Log.d("Upload", "Success: " + response.body());
    }

    @Override
    public void onError(Response<String> response) {
        // 处理错误响应
        Log.e("Upload", "Error: " + response.getException());
    }
});

5. 处理响应

在上面的代码中，我们使用onSuccess和onError方法来处理请求的响应信息。

状态图

以下是状态图，通过状态图可以清晰地看到上传过程中的不同状态：

stateDiagram
    [*] --> 选择图片
    选择图片 --> 构建请求体
    构建请求体 --> 发送请求
    发送请求 --> 处理响应
    处理响应 --> [*]

甘特图

最后，我们可以用甘特图来展示每个步骤的时间安排：

gantt
    title 多图上传步骤安排
    section 步骤
    添加 OkGo 依赖   :a1, 2023-10-01, 1d
    选择图片         :a2, after a1, 2d
    构建请求体      :a3, after a2, 1d
    发送请求         :a4, after a3, 1d
    处理响应        :a5, after a4, 1d