Retrofit2.0实现文件批量上传监听进度的一种蠢办法

最近项目需要做文件批量上传的进度监听,这也就是一个常见的需求。但是项目中用的是Retrofit,官方并没有提供此类的API,于是只能Google啦。找了一圈,资源很少,仅仅找到了几篇单文件上传的进度监听,不能直接ctrl+c ctrl+v啦,只有自己用笨办法,稍微封装一下。

PS:本人习惯在代码中分析,总结性的文字很少。

由于没有测试接口,于是就使用项目中的上传接口。先贴一张最终实现的效果图。

凑活看看吧

以上是公司的项目录的gif,录的不太流畅,信息都是事先填好的,凑活看看吧。由于是内部使用的app,所以界面是真的丑啊。。。

废话说太多了,正式开始吧。

批量上传


从效果图可以看到,客户签字完毕后,取车成功就是上传操作了。需求是要将之前所有信息全部上传到服务器,包含了文字和大量的图片(所有字段都填满,最多可以达到上百张)。关于Retrofit的批量上传,我使用的是Multipart,具体使用请自行百度Google,这里简要贴一下代码。

先贴出Api接口代码,info字段为将所有文字参数封装成的json串上传:

//上传取车信息
    @Multipart
    @POST("reportgetcarlisttoservice.tag")
    Observable<CheckBaseBean> uploadGetCarData(@Part("info") RequestBody info,                                           
                                               @PartMap Map<String, RequestBody> imgs);

(上传部分代码较长,筛选了关键部分的代码贴出来)

public void upload() {
      //检测上传参数完整性  略
      ...

      //开启一个线程   由于涉及大量图片的信息,压缩等耗时操作,开启一个线程处理是必须的
      new Thread(() -> {
            //文字参数
            UploadGetCarDataRequest request = new UploadGetCarDataRequest();
            request.orderkey = Session.currentOrderKey;
            if (Integer.parseInt(Session.currentOrderStatus) >= 33 && Integer.parseInt(Session.currentOrderStatus) != 34) {
                request.orderstate = Integer.parseInt(Session.currentOrderStatus);
            } else {
                request.orderstate = 33;
            }
            request.sgwxsm = spotData.getWeixiushuoming();
            request.fsgwxsm = spotData.getFeiweixiushuoming();
            ...
            request.remark = otherData.getBeizhu();
            request.deleteimages = updateGetCarInfo.getDelete_imgs();

            //使用Map存储RequestBody,打包上传图片
            Map<String, RequestBody> bodyMap = new HashMap<>();

            //判断图片若以http开头,则表示服务器图片(已经上传过),则不必上传,反之本地图片压缩后上传
            if (!spotData.getMenpai().startsWith("http")) {
                if (!new File(spotData.getMenpai()).exists()) {
                    Message m = Message.obtain();
                    m.what = 3;
                    m.obj = "接车门牌地址照片有问题,请检查";
                    mHandler.sendMessage(m);
                    return;
                }
                //checkFile方法为检验图片大小,若大于200k,则压缩到200k以下,节省上传流量和时间
                File menpai = checkFile(new File(spotData.getMenpai()));
                bodyMap.put("0" + "-0-0\";filename=\"" + menpai.getName(), new UploadFileRequestBody(RequestBody.create(MediaType.parse("image/png"), menpai), mProgressListener, Constant.GET_MEN_PAI + ""));
                totalLength += menpai.length();
            }
            ...

              mSubscription = GoldKeyRetrofit.getDefaultRetrofit(mContext)
                    .create(GoldKeyService.class)
                     //文字参数转换成json串上传,RequestFactory是我自己封装的将Request转换为json的类
                    .uploadGetCarData(RequestBody.create(MediaType.parse("application/json"), RequestFactory.getInstance().getParams(request)), bodyMap)
                    .subscribeOn(Schedulers.io())
                    .observeOn(AndroidSchedulers.mainThread())
                    .subscribe(new Observer<CheckBaseBean>() {
                        @Override
                        public void onCompleted() {
                        }

                        @Override
                        public void onError(Throwable e) {
                            mView.showToast("上传失败,请检查网络是否通畅");
                            mView.showUploadProgress(0, ProgressView.STATE_FAILURE);
                            isFinish = true;
                        }

                        @Override
                        public void onNext(CheckBaseBean checkBaseBean) {
                            if (checkBaseBean.sign) {
                                mView.showToast("上传成功");
                                mView.showUploadProgress(100, ProgressView.STATE_SUCCESS);
                                mHandler.sendEmptyMessageDelayed(2, 2000);
                                isFinish = true;
                                clearDB();
                                clearCache();
//                                mView.backToMain();
                            } else {
                                mView.showUploadProgress(0, ProgressView.STATE_FAILURE);
                                mView.showToast("上传失败,请反馈给开发人员,谢谢");
                                isFinish = true;
                            }
                        }
                    });
        }).start();
      }
}

批量上传就先说到这里,其实讲了等于没讲,不懂的依然是不懂,哈哈。

上传进度监听


仔细说一下这一块。
以前做上传的时候,用的是Xutils框架,其提供了上传和下载的进度监听,而强大的Retrofit居然没有提供相关的Api,好蛋疼。
百度了一下相关的资料,发现大多数都是模仿Retrofit官方提供的ChunkingConverter,写一个转换器来监听进度。刚开始我也是采用这种思路,想通过封装一个Converter来监听多文件上传的进度。但是开发过程中碰到了几个坑。首先,添加转换器是通过Retrofit.Builder创建Retrofit实例时添加的,而这个实例我们通常使用的是单例,其他接口又没必要添加这个转换器,所以要使用上传监听必须重新new一个Retrofit实例,很麻烦。第二,Converter只能拿到单个RequestBody的数据,但是要实现多文件的监听,很麻烦。第三,大姨夫来了,很烦。
于是换个思路,既然converter是通过监听RequestBody获取其已写的字节,那么我们为什么不直接封装一个RequsetBody,直接返回这些数据呢?
首先,先定义一个回调接口:

public interface ProgressListener {
    //要是单文件上传,就不必再根据字节去计算了,直接在requestbody中计算好进度直接返回
    void onProgress(int progress, String tag);
    //处理多文件时,需要获取每个文件的即时上传量来计算整体的进度
    void onDetailProgress(long written, long total, String tag);
}

先贴出自己封装的UploadFileRequestBody:

public class UploadFileRequestBody extends RequestBody {

    private RequestBody mRequestBody;
    private ProgressListener mProgressListener;

    private BufferedSink bufferedSink;

    //每个RequestBody对应一个tag,存放在map中,保证计算的时候不会出现重复
    private String tag;

    public UploadFileRequestBody(File file, ProgressListener progressListener, String tag) {
        this.mRequestBody = RequestBody.create(MediaType.parse("multipart/form-data"), file);
        this.mProgressListener = progressListener;
        this.tag = tag;
    }

    //其实只是添加一个回调和tag标识,实际起作用的还是requestBody
    public UploadFileRequestBody(RequestBody requestBody, ProgressListener progressListener, String tag) {
        this.mRequestBody = requestBody;
        this.mProgressListener = progressListener;
        this.tag = tag;
    }

    //返回了requestBody的类型,想什么form-data/MP3/MP4/png等等等格式
    @Override
    public MediaType contentType() {
        return mRequestBody.contentType();
    }

    //返回了本RequestBody的长度,也就是上传的totalLength
    @Override
    public long contentLength() throws IOException {
        return mRequestBody.contentLength();
    }

    @Override
    public void writeTo(BufferedSink sink) throws IOException {
        if (bufferedSink == null) {
            //包装
            bufferedSink = Okio.buffer(sink(sink));
        }
        //写入
        mRequestBody.writeTo(bufferedSink);
        //必须调用flush,否则最后一部分数据可能不会被写入
        bufferedSink.flush();
    }

    private Sink sink(Sink sink) {
        return new ForwardingSink(sink) {
            //当前写入字节数
            long bytesWritten = 0L;
            //总字节长度,避免多次调用contentLength()方法
            long contentLength = 0L;

            @Override
            public void write(Buffer source, long byteCount) throws IOException {
                super.write(source, byteCount);
                if (contentLength == 0) {
                    //获得contentLength的值,后续不再调用
                    contentLength = contentLength();
                }
                //增加当前写入的字节数
                bytesWritten += byteCount;
                //回调上传接口
                mProgressListener.onProgress((int) ((double) bytesWritten / (double) contentLength) * 100, tag);
                mProgressListener.onDetailProgress(bytesWritten, contentLength, tag);
            }
        };
    }
}

在上传过程中,我们可以通过ProgressListener接口实时拿到每个RequestBody上传的字节数。我们的需求是计算出所有文件上传的总进度。其实就是要计算出 (所有文件已上传的大小)/(所有文件的累加大小)。分母上文件总大小我们可以在创建RequestBody时,使用一个long变量,将每个file.length()累加,即可得到。分子上的已上传大小是要由回调中的bytesWritten参数统计而得。我们使用一个Map来记录每个文件的上传大小,通过标识tag来区分每个文件:

private Map<String, Long> mProgresses2 = new HashMap<>();

private void upload(){
      ...
      File menpai = checkFile(new File(spotData.getMenpai()));
      //创建UploadFileRequestBody对象,传入tag(保证不同)
      bodyMap.put("0" + "-0-0\";filename=\"" + menpai.getName(), new UploadFileRequestBody(RequestBody.create(MediaType.parse("image/png"), menpai), mProgressListener, Constant.GET_MEN_PAI + ""));
      //totalLength记录文件总大小 (记得在每次执行上传时,重置为0L)
      totalLength += menpai.length();
      ...
}

由于进度回调处理方式是可以统一处理的,所以所有的RequestBody都使用同一个mProgressListener:

mProgressListener = new ProgressListener() {
            @Override
            public void onProgress(int progress, String tag) {
            }

            @Override
            public void onDetailProgress(long written, long total, String tag) {
                //回调做的唯一事情就是实时更新这个Map
                mProgresses2.put(tag, written);
            }
        };

我们遍历整个map,累加所有的value值,便是当前所有的上传大小了,即拿到了最终要得到的上传进度。接下来要做的就是更新UI,显示这个进度了,我们可以开启一个线程循环更新,也可以通过handler。我这里采用的是handler:

private Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            //isFinish是一个非常关键的标记位,记录是否还需要发送消息(在取消上传,或者上传成功失败后,置为true),若没有这个标记位,将在后台无限执行handleMessage。
            if (msg.what == 1 && !isFinish) {

                //统计已上传的大小
                long sum = 0;
                for (long p : mProgresses2.values()) {
                    sum += p;
                }

                //计算整体的进度   注意这里涉及到两个long类型相除的问题,若不先转换为float类型,则商为0   去尾操作保证了99.9%属于并没有上传完成的范畴
                int p = 0;
                if (totalLength != 0) {
                    p = (int) Math.floor((float) sum / (float) totalLength * 100);
                }
                //通知View层更新ProgressView的状态(自定义的一个进度View)  
                mView.showUploadProgress(p, ProgressView.STATE_LOADING);
                //每0.1秒更新一次UI
                mHandler.sendEmptyMessageDelayed(1, 100);
            } else if (msg.what == 2) {
                //what=2代表上传成功后  延迟两秒自动回到主页的操作
                isFinish = true;
                mView.dismissDialog();
                mView.backToMain();
            } else if (msg.what == 3) {
                //what=3为检查出图片有误,取消上传的操作
                mView.showToast(msg.obj.toString());
                mView.showUploadProgress(0, ProgressView.STATE_FAILURE);
                isFinish = true;
                //取消订阅方法  即取消上传请求
                unSubscribe();
            }
        }
    };

    @Override
    public void unSubscribe() {
        if (mSubscription != null) {
            if (!mSubscription.isUnsubscribed()) {
                mSubscription.unsubscribe();
                isFinish = true;
            }
        } else {
            canStart = false;
            isFinish = true;
        }
    }

上传成功的即onNext回调只要执行上传成功的操作:

@Override
                        public void onNext(CheckBaseBean checkBaseBean) {
                            //sign服务器返回的状态值true为成功
                            if (checkBaseBean.sign) {
                                mView.showToast("上传成功");
                                mView.showUploadProgress(100, ProgressView.STATE_SUCCESS);
                                //延迟两秒后回调主页
                                mHandler.sendEmptyMessageDelayed(2, 2000);
                                //操作已完成  无需更新UI  isFinish置为true
                                isFinish = true;
                                //上传成功后清除本地数据库缓存
                                clearDB();
                                clearCache();
//                                mView.backToMain();
                            } else {
                                mView.showUploadProgress(0, ProgressView.STATE_FAILURE);
                                mView.showToast("上传失败,请反馈给开发人员,谢谢");
                                isFinish = true;
                            }
                        }

小结

本人不善表达,水平也很臭,大家见谅。由于工作忙,难以挤出时间择代码,直接使用项目中的代码,因此代码很臃肿,并不能简洁地展示具体过程。本文仅仅提供一个思路,具体的实现相信大家都能自己将其封装到自己的项目中,毕竟每个项目的需求不同,实现方式也会有差异。

谢谢阅读,请自行左上返回或右上关闭。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容