ios - 使用一个 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 Status 201 Created 并且服务器确实需要某种我认为的 JSON 响应。当我使用这样的 curl 线时

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>设置您的自定义 header ，
2. -X POST发出POST请求，
3. -F/--form <name=content>指定多部分 POST 数据。

在 Objective-C 中使用 NSURLConnection和 NSURLRequest您需要执行与上述选项相同的操作:

1. 您可以在 NSURLRequest 上设置自定义 header 实例感谢 addValue:forHTTPHeaderField:方法，
2. 你可以执行 POST通过 [request setHTTPMethod:@"POST"]; 请求,
3. 你需要设置一个格式正确的body带有 [request setHTTPBody:body]; 的字符串.

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

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

或者，您可以轻松找到许多关于如何做到这一点的示例，例如:Sending Multipart Forms with Objective-C .

最后，AFNetworking是一个方便的 NSURLConnection 包装器。它特别方便，因为它提供了一个随时可用的 multipartFormRequestWithMethod 用于执行多部分 POST 请求的方法。因此，您可以将其用作替代方案。