AFNetworking 使用multipart/form-da

文章结构

1.http客户端常用的请求方式

2. multipart/form-data传数组各个终端的实现方式以及后台怎么处理拿到的数据

2.1 web端
2.2 安卓端(OKHTTP)
2.3 苹果端(AFNetworking)
2.4 后台处理拿到的数据

一、http请求常用的两种方式post/get

---

HTTP请求方式有OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT

具体的http请求方式种类见这篇文章：
HTTP深入浅出 http请求
HTTP协议详解

通常我们用的只有GET、POST
常用的POST请求，按照content-Type来分，又分为 application/x-www-form-urlencoded、multipart/form-data、application/json这几种。

具体的content-Type介绍可以看这篇文章：
理解HTTP之Content-Type

get 与post请求方式的区别就不细讲了，这里我们看下HTTP1.1版本协议里面规定的一个标准的HTTP请求格式应该包含的内容：

1.1 HTTP请求格式：

请求方法URI协议/版本
请求头(Request Header)
请求正文

例子：

GET/sample.jspHTTP/1.1
Accept:image/gif.image/jpeg,*/*
Accept-Language:zh-cn
Connection:Keep-Alive
Host:localhost
User-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)
Accept-Encoding:gzip,deflate
 
username=jinqiao&password=1234

1.2 Content-Type几个常见的类型

1.text/html
2.text/plain
3.text/css
4.text/javascript
5.application/x-www-form-urlencoded
6.multipart/form-data
7.application/json
8.application/xml

1.2.1 app常用的三种类型：

(1)application/x-www-form-urlencoded
application/x-www-form-urlencoded是常用的表单发包方式，普通的表单提交，或者js发包，默认都是通过这种方式, body以这样的方式传输 name=homeway&key=nokey
如下：

WX20171214-155514@2x.png

(2)multipart/form-data

这里Content-Type告诉我们，发包是以multipart/form-data格式来传输，另外，还有boundary用于分割数据,具体的boundary由客户端自定，在header中以boundary字段返回给服务端。
当文件太长，HTTP无法在一个包之内发送完毕，就需要分割数据，分割成一个一个chunk发送给服务端
那么--用于区分数据快，而后面的数据633e61ebf351484f9124d63ce76d8469就是标示区分包作用。

WX20171214-160125@2x.png

(3)application/json
在body中参数会以json字符串的形式，传送出去。如下所示。

image.png

二、multipart/form-data传数组各个终端的实现方式以及后台怎么处理拿到的数据

---

2.1 web端

<input type="hidden" name="cars[]" value="Volvo">
<input type="hidden" name="cars[]" value="Saab">
<input type="hidden" name="cars[]" value="Mercedes">

以上代码，可以看出 HTML 传递数组 就是把参数写成数组的形式，进行传递。
最终上传的值会像这样：
How to pass an array within a query string?

image.png

2.2 安卓端(OKHTTP)

这里是 截取的 postman使用数组参数 进行的请求头的参数。
所以 我们只需要在代码中找到 对应的API 就可以了。按照这个区拼接 HTTP的请求。
我这里 是使用的 okHTTP

private void addParams(MultipartBody.Builder builder) {
    if (params != null && !params.isEmpty()) {
        for (String key : params.keySet()) {
            builder.addPart(Headers.of("Content-Disposition", "form-data; name=\"" + key.replaceAll("\\[\\d+\\]", "") + "\""),
                    RequestBody.create(null, params.get(key)));
        }
    }
}

然后就OK了
html这样写 有可能就是为了拼接这个才这样写的。 在postman中尝试，完美解决。传递过去 因为有 数组的标示[ ] 会把这个强转成数组。

2.3 苹果端(AFNetworking)

上面有提到根据content-Type有以下三种常用的类型

1.application/x-www-form-urlencoded
2.multipart/form-data
3.application/json

我们再看下AFNetWorking

+ (void)postWithURL:(NSString *)url params:(NSDictionary *)params progress:(void (^)(id))progress success:(void (^)(id))success failure:(void (^)(NSError *))failure
{
    AFHTTPSessionManager *mgr = [AFHTTPSessionManager manager];
    mgr.requestSerializer.timeoutInterval = 20.0f;
    NSLog(@"url:%@\nparas:%@",url,params);
    [UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
    
    [mgr POST:url parameters:params progress:^(NSProgress * _Nonnull uploadProgress) {
        progress?progress(uploadProgress):nil;
    } success:^(NSURLSessionDataTask * _Nonnull task, id  _Nullable responseObject) {
        [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
        success?success(responseObject):nil;
    } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
        [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
        failure?failure(error):nil;
        
    }];
}

官方给出来的三个请求类：

WX20171214-163523@2x.png

对应的content-Type类型如上，请求在不指定请求序列化类时默认用的第一种。第三种主要是对xml类型传输方式的支持，感兴趣的朋友可以自己查阅下。

要切换请求content-Type到application/json方式很简单，直接上代码。

AFHTTPSessionManager *mgr = [AFHTTPSessionManager manager];
    mgr.requestSerializer.timeoutInterval = 8.0f;
    NSString *token = [faceTokenMannage shareMannager].token;
    mgr.requestSerializer = [AFJSONRequestSerializer serializer];
    [mgr.requestSerializer setValue:token forHTTPHeaderField:@"Authorization"];

2.3.2 multipart/form-data

我们平时主要用来传文件的函数

- (NSURLSessionDataTask *)POST:(NSString *)URLString
                    parameters:(id)parameters
     constructingBodyWithBlock:(void (^)(id <AFMultipartFormData> formData))block
                      progress:(nullable void (^)(NSProgress * _Nonnull))uploadProgress
                       success:(void (^)(NSURLSessionDataTask *task, id responseObject))success
                       failure:(void (^)(NSURLSessionDataTask *task, NSError *error))failure

看下内部的实现方式：

点击跳转

再跳转

可以发现这里对数组的处理是类似的，[].
分别用afnet 以 multipart/form-data的方式传纯属组，以及字典数组，抓包采集的结果如下：

纯数组：

[name1,name2]

image.png

字典数组：

[{ID:peo1,name:ni},{ID:peo2,name:ni2}]

抓包结果

image.png

2.4 后台处理拿到的数据

@RequestMapping("/uploadImage")
    public @ResponseBody FeedResult uploadImage(HttpServletRequest request, UploadFileForm form) {
        FeedResult f = new FeedResult();
//纯数组
                String[]ids = request.getParameterValues("groups[]");
//数组对象
                String[]ids = request.getParameterValues("groups_id[]");
        String[]names = request.getParameterValues("groups_name[]");
        try {
            f = FileUploadUtil.handleUploadFile(form, true);
            return f;
        } catch (Exception e) {
            log.error(e.getMessage(), e);
            return f.error("文件上传失败");
        }
    }

参考文献：
四种常见的 POST 提交数据方式

android OKhttp 参数 传递数组类型