Android中Okhttp3实现上传多张图片同时传递参数


Posted in Javascript onFebruary 18, 2017

之前上传图片都是直接将图片转化为io流传给服务器,没有用框架传图片。

最近做项目,打算换个方法上传图片。

Android发展到现在,Okhttp显得越来越重要,所以,这次我选择用Okhttp上传图片。

Okhttp目前已经更新到Okhttp3版本了,用法跟之前相比,也有一些差别。在网上找了很多资料,

并和java后台同事反复调试,终于成功上传多张图片,同时传递一些键值对参数。

以下是我对该过程的封装:

private static final MediaType MEDIA_TYPE_PNG = MediaType.parse("image/png");

/**
   * 上传多张图片及参数
   * @param reqUrl URL地址
   * @param params 参数
   * @param pic_key 上传图片的关键字
   * @param paths 图片路径
   */
  public Observable<String> sendMultipart(String reqUrl,Map<String, String> params,String pic_key, List<File> files){
    return Observable.create(new Observable.OnSubscribe<String>(){

      @Override
      public void call(Subscriber<? super String> subscriber) {
        MultipartBody.Builder multipartBodyBuilder = new MultipartBody.Builder();
        multipartBodyBuilder.setType(MultipartBody.FORM);
        //遍历map中所有参数到builder
        if (params != null){
          for (String key : params.keySet()) {
            multipartBodyBuilder.addFormDataPart(key, params.get(key));
          }
        }
        //遍历paths中所有图片绝对路径到builder,并约定key如“upload”作为后台接受多张图片的key
        if (files != null){
          for (File file : files) {
            multipartBodyBuilder.addFormDataPart(pic_key, file.getName(), RequestBody.create(MEDIA_TYPE_PNG, file));
          }
        }
        //构建请求体
        RequestBody requestBody = multipartBodyBuilder.build();

        Request.Builder RequestBuilder = new Request.Builder();
        RequestBuilder.url(reqUrl);// 添加URL地址
        RequestBuilder.post(requestBody);
        Request request = RequestBuilder.build();
        mOkHttpClient.newCall(request).enqueue(new Callback() {
          @Override
          public void onFailure(Call call, IOException e) {
            subscriber.onError(e);
            subscriber.onCompleted();
            call.cancel();
          }

          @Override
          public void onResponse(Call call, Response response) throws IOException {
            String str = response.body().string();
            subscriber.onNext(str);
            subscriber.onCompleted();
            call.cancel();
          }
        });
      }
    });
  }

在UI界面的调用:

OkHttp3Utils.getInstance().sendMultipart(Constants.URL.URL_ADD_NOTICE, mMap, "appendix", mImageList)
        .observeOn(AndroidSchedulers.mainThread())
        .subscribeOn(Schedulers.newThread())
        .subscribe(new Subscriber<String>() {
          @Override
          public void onCompleted() {

          }

          @Override
          public void onError(Throwable throwable) {
            LogUtil.i(TAG, "throwable:" + throwable.toString());
          }

          @Override
          public void onNext(String s) {
            
            LogUtil.i(TAG, "s:" + s);
          }
        });

调试过程中,有一次将 multipartBodyBuilder.addFormDataPart(pic_key, file.getName(), RequestBody.create(MEDIA_TYPE_PNG, file));写成了 multipartBodyBuilder.addFormDataPart(pic_key, null, RequestBody.create(MEDIA_TYPE_PNG, file));导致后台无法用常规方法获取图片(虽然断点调试时也能看到图片数据),这点需要注意。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery ui 1.7更新小结
Aug 15 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
基于jquery的鼠标拖动效果代码
May 30 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
Aug 19 Javascript
8 行 Node.js 代码实现代理服务器
Dec 05 Javascript
javascript流程控制语句集合
Sep 18 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
Oct 11 Javascript
vue iview组件表格 render函数的使用方法详解
Mar 15 Javascript
vue-cli配置flexible过程详解
Jul 04 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 26 Javascript
AngularJS表单提交实例详解
Feb 18 #Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
Feb 18 #Javascript
JS实现数组去重复值的方法示例
Feb 18 #Javascript
bootstarp modal框居中显示的实现代码
Feb 18 #Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 #Javascript
JS表单数据验证的正则表达式(常用)
Feb 18 #Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 #Javascript
You might like
php ci框架验证码实例分析
2013/06/26 PHP
php导入模块文件分享
2015/03/17 PHP
PHP如何将log信息写入服务器中的log文件
2015/07/29 PHP
WordPress迁移时一些常见问题的解决方法整理
2015/11/24 PHP
JavaScript高级程序设计
2006/12/29 Javascript
番茄的表单验证类代码修改版
2008/07/18 Javascript
js 动态选中下拉框
2009/11/26 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
小程序实现左右来回滚动字幕效果
2018/12/28 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
2019/04/17 Javascript
jstree中的checkbox默认选中和隐藏示例代码
2019/12/29 Javascript
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
详解django.contirb.auth-认证
2018/07/16 Python
对python中的try、except、finally 执行顺序详解
2019/02/18 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
解决python 找不到module的问题
2020/02/12 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
Python实现淘宝秒杀功能的示例代码
2021/01/19 Python
HTML5 画布canvas使用方法
2016/03/18 HTML / CSS
美国当红的名品折扣网:Gilt Groupe
2016/08/15 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
syb养殖创业计划书
2014/01/09 职场文书
学生干部学习的自我评价
2014/02/18 职场文书
党员创先争优承诺书
2014/03/26 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
工商行政处罚决定书
2015/06/24 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
初中军训感言
2015/08/01 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android