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 相关文章推荐
Array对象方法参考
Oct 03 Javascript
javascript中有趣的反柯里化深入分析
Dec 05 Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
JavaScript实现找出字符串中第一个不重复的字符
Sep 03 Javascript
详解javascript函数的参数
Nov 10 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
Mar 25 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
Dec 21 Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 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实现的冒泡排序算法分享
2014/08/21 PHP
php服务器的系统详解
2019/10/12 PHP
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
2009/12/02 Javascript
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
jquery增加时编辑jqGrid(实例代码)
2013/11/08 Javascript
JS中使用sort结合localeCompare实现中文排序实例
2014/07/23 Javascript
javascript常用函数(1)
2015/11/04 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
详解vue过滤器在v2.0版本用法
2017/06/01 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
2018/12/10 jQuery
Vue核心概念Action的总结
2019/01/18 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
layui导出所有数据的例子
2019/09/10 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
Python实现的数据结构与算法之基本搜索详解
2015/04/22 Python
Python中类的定义、继承及使用对象实例详解
2015/04/30 Python
python实现朴素贝叶斯分类器
2018/03/28 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
Python列表的切片实例讲解
2019/08/20 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
微信浏览器左上角返回按钮拦截功能
2017/11/21 HTML / CSS
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
求职推荐信范文
2013/12/01 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
2014年办公室文员工作总结
2014/11/12 职场文书
邀请函格式范文
2015/02/02 职场文书
关于上班时间调整的通知
2015/04/23 职场文书
汽车修理厂管理制度
2015/08/05 职场文书
禁毒心得体会范文
2016/01/15 职场文书
Python实现单例模式的5种方法
2021/06/15 Python
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏