使用一个 NSURLrequest 发布图像和 JSON 数据

Question

我正在尝试将图像从客户端应用程序上传到我的 django 网络服务器。我正在尝试使用 NSURLConnection 创建与以下 curl 命令等效的命令。

curl -v  -S  -X POST  -H 'Accept: application/json' -F image=@"//Users/mackaiver/someImageOfACat.jpg;type=image/jpg"  -F kiosk="81" http://myurl.de/rest/image/ 

预期的响应是 HTTP 状态 201 Created 并且服务器确实期望某种我认为的 JSON 响应。当我使用这样的卷曲线时

curl -v  -S  -X POST  -H 'Accept: application/json' -F image=@"//Users/mackaiver/someImageOfACat.jpg;type=image/jpg" http://myurl.de/rest/image/

我希望得到 400 Bad Request 响应。到目前为止，一切都很好。这可以通过命令行上的 curl 正常工作。 现在我想在 iOS 中做到这一点。到目前为止，我认为我可以使用以下代码发送图像。

NSString *urlString = [ NSString stringWithFormat:@"%@image",REST_BASE_URL];
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:urlString]];
[request setHTTPMethod:@"POST"];

NSData *imageData = UIImageJPEGRepresentation(image, 1.0);


NSString *boundary = @"----------------------------6f875f2289c9";
NSString *contentType = [NSString stringWithFormat:@"multipart/form-data; boundary=%@", boundary];
[request setValue:contentType forHTTPHeaderField: @"Content-Type"];

NSMutableData *body = [NSMutableData data];

// file
[body appendData:[[NSString stringWithFormat:@"--%@\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
[body appendData:[@"Content-Disposition: attachment; name=\"image\"; filename=\"image_upload.jpg\"\r\n" dataUsingEncoding:NSUTF8StringEncoding]];
[body appendData:[@"Content-Type: application/octet-stream\r\n\r\n" dataUsingEncoding:NSUTF8StringEncoding]];
[body appendData:[NSData dataWithData:imageData]];
[body appendData:[[NSString stringWithFormat:@"\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];

现在由于某种原因，这会产生 200 OK 响应，这完全不是我所期望的。另外我不知道如何添加 kiosk=81 参数。有没有办法做到这一点？我应该使用像 AFNetworking 这样的外部库吗？

提前致谢:)

编辑：

这就是我的代码现在的样子。查看 curl 命令和我的应用程序的 wireshark 输出，我似乎找不到任何差异。

NSString *urlString = [ NSString stringWithFormat:@"%@image",BASE_URL];

NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:urlString]];


NSString *boundary = @"--6ee875e2289c9";
NSString *contentType = [NSString stringWithFormat:@"multipart/form-data; boundary=%@", boundary];
NSString *accept = @"application/json";

[request setValue:contentType forHTTPHeaderField: @"Content-Type"];
[request setValue:accept forHTTPHeaderField: @"Accept"];
[request setHTTPMethod:@"POST"];


NSMutableData *body = [NSMutableData data];

[body appendData:[[NSString stringWithFormat:@"\r\n--%@\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
[body appendData:[[NSString stringWithFormat:@"Content-Disposition: form-data; name=\"image\"; filename=\"bla.jpg\"\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];
[body appendData:[@"Content-Type: image/jpg\r\n\r\n" dataUsingEncoding:NSUTF8StringEncoding]];
[body appendData:[NSData dataWithData:imageData]];

[body appendData:[[NSString stringWithFormat:@"\r\n--%@\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
[body appendData:[[NSString stringWithFormat:@"Content-Disposition: form-data; name=\"kiosk\"\r\n\r\n%@", kioskId] dataUsingEncoding:NSUTF8StringEncoding]];

[body appendData:[[NSString stringWithFormat:@"\r\n--%@--\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];

[request setHTTPBody:body];
self.connection = [[NSURLConnection alloc]
                   initWithRequest:request
                   delegate:self];

Answer 1

您的 Django 网络服务需要 multipart/form-data 请求：

• Accept: application/json 自定义标头字段，
• image 和 kiosk 参数。

您知道如何通过命令行使用 curl 来实现这一点，这要归功于以下选项：

1. -H/--header <line> 设置您的自定义标题，
2. -X POST 发出POST 请求，
3. -F/--form <name=content> 指定多部分 POST 数据。

在带有 NSURLConnection 和 NSURLRequest 的 Objective-C 中，您需要执行与上述选项等效的操作：

1. 借助addValue:forHTTPHeaderField: 方法，您可以在NSURLRequest 实例上设置自定义标头，
2. 您可以通过[request setHTTPMethod:@"POST"]; 执行POST 请求，
3. 您需要使用[request setHTTPBody:body]; 设置格式正确的body 字符串。

所以问题是：如何使用我的图像和信息亭参数手动创建多部分/表单数据正文字符串？

RFC 和 curl --trace-ascii out.txt ... 可以帮助您构建主体（请注意，您需要 2 个边界部分，因为您有 2 个参数）。

或者，您可以轻松找到许多有关如何执行此操作的示例，例如：Sending Multipart Forms with Objective-C。

最后，AFNetworking 是一个方便的 NSURLConnection 包装器。它特别方便，因为它提供了一个现成的 multipartFormRequestWithMethod 方法，用于执行多部分 POST 请求。所以你可以用它作为替代品。