使用OkHttp上传本地图片及参数

下面以一个例子来讲解在项目中如何使用OKHttp来对本地图片做个最简单的上传功能,基本上无封装,只需要简单调用便可(对于OKHttp的引入不再单独做介绍)。

1:构建上传图片附带的参数(params)

复制代码
Map<String, Object> reqData = new HashMap<>();
RequestBody requestFile = RequestBody.create(MediaType.parse("multipart/form-data"), file);
MultipartBody.Part filePart = MultipartBody.Part.createFormData("file", file.getName(), requestFile);

其中reqData中是需要传入的参数,如接口请求token,时间戳,版本号等。然后构建RequestBody,表示上传类型,这里以form表单形式提交,当然也可以以Json格式提交,只要和后台约定好便可。然后构建filePart,有单个图片文件和多个文件图片选项,多个文件也是封装在MultipartBody.Part中的,这里以单个文件为例。

2:第二步,把参数与图片数据封装到心情求体里。这里ReqData中便是传递需要的参数,这里对传递过来的参数重新取出以键值对方式构建。

复制代码
MediaType MEDIA_TYPE_PNG = MediaType.parse("multipart/form-data");
MultipartBody multipartBody = new MultipartBody.Builder()
        .setType(MEDIA_TYPE_PNG)
        .addFormDataPart("token", reqData.get("token").toString())
        .addFormDataPart("ts", reqData.get("ts").toString())
        .addFormDataPart("rand", reqData.get("rand").toString())
        .addFormDataPart("platform", reqData.get("platform").toString())
        .addFormDataPart("version", reqData.get("version").toString())
        .addFormDataPart("source", "appimg")
        .addPart(filePart)
        .build();

3:发起请求,这里需要注意的有几点:

(1)把上述构建的请求体传到Request中,在OkHttpClient的配置中做简单配置参数。如请求连接时间,读写时间等。

(2)在Request中设置上传URL,就是需要上传的接口详细地址。

(3)在回调函数中接收返回的数据,注意,在回调函数中无论成功还是失败都是默认在子线程中,当我们需要操作UI时需要切换到主线程中,避免发生应用Crash

复制代码
Request.Builder requestBuild = new Request.Builder();
Request request = requestBuild
        .url(UPLOAD_PHOTO_URL)
        .post(multipartBody)
        .build();
OkHttpClient okHttpClient = new OkHttpClient.Builder()
        .connectTimeout(60, TimeUnit.SECONDS)
        .readTimeout(60, TimeUnit.SECONDS)
        .build();
okHttpClient.newCall(request).enqueue(new Callback() {
    @Override
    public void onFailure(@NonNull Call call, @NonNull IOException e) {
        //返回失败的数据
        hideLoading();
        Log.e("onFailure img-->>", e.getMessage());
    }

    @Override
    public void onResponse(@NonNull Call call, @NonNull Response response) throws IOException {
        //返回成功的数据
        String newAvatar = response.body().string();
        Log.e("onResponse img-->>", newAvatar);
        hideLoading();
        imageUrl = newAvatar;
        locolPath = file.getAbsolutePath();
        //切换到主线程中去操作UI
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                //本地封装的图片加载工具类加载已上传成功的图片
                ImageUtil.loadLocalFile(XXActivity.this, iv_graph, file.getAbsolutePath());
      
            }
        });
    }
});
相关推荐
水木流年追梦16 分钟前
大模型入门-应用篇3-Agent智能体
开发语言·python·算法·leetcode·正则表达式
小新同学^O^17 分钟前
简单学习 --> WebSocket
java·websocket·网络协议·学习
凯瑟琳.奥古斯特22 分钟前
假脱机技术原理详解
开发语言·职场和发展
敲代码的瓦龙1 小时前
Java?枚举!!!
java·开发语言
NiceCloud喜云1 小时前
IntelliJ IDEA 保姆级安装 + ClaudeAPI 配置教程
java·开发语言·前端·ide·chrome·docker·intellij-idea
孙6903421 小时前
swf 图片转 pdf
java·后端
用户4682557459131 小时前
Spring AI MCP 实战:tools/list 启动快照陷阱与完整解法
java
吴声子夜歌1 小时前
Java——EnumMap和EnumSet
java·enumset·enummap
gjwjuejin1 小时前
从 Vue 2 到 Vue 3:一位前端工程师的实战学习笔记
java
3D探路人2 小时前
模灵 大模型聚合API 转发流程技术实现
java·大数据·开发语言·前端·人工智能·计算机视觉