Retrofit2.0图文上传

前言

相信大家对Retrofit不陌生，现在都很流行Retrofit+RxJava的组合的网络框架，本人项目的框架就是当前流行的Retrofit2+RxJava2+okHttp3+MVP，在项目中，我们都会遇到图片上传（单图，多图），或者图文上传，这篇博客主要记录我在开发中遇到的坑

---

上传图片（单图）

当我们需要上传一张图片的时候，我们可以这样写

    @Multipart
    @POST(NetUrl.BASE_URL)
    Observable uploadImage(@Part("file" + "\";filename=\"" + "test.png") RequestBody file);

    RequestBody requestBody = RequestBody.create(MediaType.parse("image/png"),file);

---

上传图片（多图）

    @Multipart
    @POST(NetUrl.BASE_URL)
    Observable uploadImages(@PartMap() Map files);

    Map map = new HashMap<>();
            for (int i = 0; i < files.size(); i++) {
                RequestBody requestBody = RequestBody.create(MediaType.parse("image/png"), files.get(i));
                map.put("file" + i + "\";filename=\"" + files.get(i).getName(), requestBody);
            }

---

图文上传

图文上传有三种方式：
（一）：

    @Multipart
    @POST(NetUrl.BASE_URL)
    Observable doFeedback(@QueryMap() Map params,
                                    @PartMap() Map files);

这种方式是将入参拼接到URL的后面，也就是说如果我获取到了url，那我就知道了你的所有的入参，@PartMap则是需要上传的图片，如果是单张图片可以用@Part代替，写法跟上面一样

（二）：

    @Multipart
    @POST(NetUrl.BASE_URL)
    Observable doFeedback(@Part("username") String username,
                                    @PartMap() Map files);

这种方式就是类似@Field和@FormUrlEncoded结合，传入参数和携带图片一同上传，不会拼接到URL后面，也就是说就算知道URL也不会知道入参，还有一种就是仅仅以@PartMap() 方式上传，类似@FieldMap

(三)：

    @Multipart
    @POST(NetUrl.BASE_URL)
    Observable doFeedback(@PartMap() Map files);

但是这种方式则需要这样写，类似@FieldMap的写法：

      Map map = new HashMap<>();
      map.put("AppId", RequestBody.create(MediaType.parse("text/plain"), Url.APP_ID));
      map.put("file" + i + "\";filename=\"" + files.getName(), requestBody);

好了，现在我们来简单的来分析为什么要这样去上传图片

---

分析

我们首先通过抓包，拿到正确上传图片等数据

--9783403d-4d2a-438d-ab0f-a62670215098
Content-Disposition: form-data; name="file"; filename="test.png"
Content-Transfer-Encoding: binary
Content-Type: image/png
Content-Length: 59699

我们可以看到，name=file，filename就是我们的图片文字，对应着就是我们：

"file" + "\";filename=\"" + "test.png"

他将我们的file转成来name，也就是我们key值，（注意：仅仅是file变成了key，并没有包含后面的那段），如果我们把filename去掉，再次抓包，得到的数据

--9783403d-4d2a-438d-ab0f-a62670215098
Content-Disposition: form-data; name="file"
Content-Transfer-Encoding: binary
Content-Type: image/png
Content-Length: 59699

可能有人说，没区别啊，有，有区别，如果没有filename，我们得到的数据真实的样子是这样的

事实上，这种并不能将图片上传到服务器，我们知道，上传图片是以流的形式上传，我们可以把他想象水，是必须要一个容器去装着，不然怎么把水给人家，就像我们在存储文件到sd卡中，都需要创建一个file去存储，同理，上传图片也需要指定file，所以，我们必须加上filename，不然谁知道你用什么存储，我们看看正确的数据是怎样的

所以，我们需要做图片上传的时候，需要跟后台对接好key，如果后台需要指定filename，那就指定，否则自己随便写吧，好了，这篇博客到这了，这篇博客是篇日记，这两天在做图文上传，老是把上传的姿势忘记了，所以特地来记录下