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 相关文章推荐
11种ASP连接数据库的方法
Sep 18 Javascript
jQuery手动点击实现图片轮播特效
Apr 20 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
基于JS代码实现图片在页面中旋转效果
Jun 16 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
JavaScript函数的特性与应用实践深入详解
Dec 30 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
详解小程序如何改变onLoad的执行时机
Nov 01 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
Aug 12 Javascript
CocosCreator如何实现划过的位置显示纹理
Apr 14 Javascript
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
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
与数据库连接
2006/10/09 PHP
php不用正则采集速度探究总结
2008/03/24 PHP
PHP 数组遍历顺序理解
2009/09/09 PHP
php时间戳格式化显示友好的时间函数分享
2014/10/21 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
PHP实现的数据对象映射模式详解
2019/03/20 PHP
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
2009/08/04 Javascript
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
自动设置iframe大小的jQuery代码
2013/09/11 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
使用npm发布Node.JS程序包教程
2015/03/02 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
卸载安装Node.js与npm过程详解
2016/08/15 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
2017/07/28 Javascript
创建echart多个联动的示例代码
2018/11/23 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
[34:41]夜魇凡尔赛茶话会 第二期02:你画我猜
2021/03/11 DOTA
[47:52]DOTA2-DPC中国联赛正赛 iG vs LBZS BO3 第二场 3月4日
2021/03/11 DOTA
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
详解Django解决ajax跨域访问问题
2018/08/24 Python
python实现批量修改文件名
2020/03/23 Python
汉森批发:Hansen Wholesale
2018/05/24 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
法务专员岗位职责
2014/01/02 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
幼儿园万圣节活动总结
2015/05/05 职场文书
二胎满月酒致辞
2015/07/29 职场文书
公司业务员管理制度
2015/08/05 职场文书
早安问候语大全
2015/11/10 职场文书