前言
相信大家对Retrofit不陌生,现在都很流行Retrofit+RxJava的组合的网络框架,本人项目的框架就是当前流行的Retrofit2+RxJava2+okHttp3+MVP,在项目中,我们都会遇到图片上传(单图,多图),或者图文上传,这篇博客主要记录我在开发中遇到的坑
上传图片(单图)
当我们需要上传一张图片的时候,我们可以这样写
@Multipart
@POST(NetUrl.BASE_URL)
Observable<BaseBean> uploadImage(@Part("file" + "\";filename=\"" + "test.png") RequestBody file);
RequestBody requestBody = RequestBody.create(MediaType.parse("image/png"),file);
上传图片(多图)
@Multipart
@POST(NetUrl.BASE_URL)
Observable<BaseBean> uploadImages(@PartMap() Map<String, RequestBody> files);
Map<String, RequestBody> 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<BaseBean> doFeedback(@QueryMap() Map<String, String> params,
@PartMap() Map<String, RequestBody> files);
这种方式是将入参拼接到URL的后面,也就是说如果我获取到了url,那我就知道了你的所有的入参,@PartMap则是需要上传的图片,如果是单张图片可以用@Part代替,写法跟上面一样
(二):
@Multipart
@POST(NetUrl.BASE_URL)
Observable<BaseBean> doFeedback(@Part("username") String username,
@PartMap() Map<String, RequestBody> files);
这种方式就是类似@Field和@FormUrlEncoded结合,传入参数和携带图片一同上传,不会拼接到URL后面,也就是说就算知道URL也不会知道入参,还有一种就是仅仅以@PartMap() 方式上传,类似@FieldMap
(三):
@Multipart
@POST(NetUrl.BASE_URL)
Observable<BaseBean> doFeedback(@PartMap() Map<String, RequestBody> files);
但是这种方式则需要这样写,类似@FieldMap的写法:
Map<String, RequestBody> 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,那就指定,否则自己随便写吧,好了,这篇博客到这了,这篇博客是篇日记,这两天在做图文上传,老是把上传的姿势忘记了,所以特地来记录下