NSURLSession/NSURLConnection的上传文件方法(已做了更新)

最好的学习方法就是 领悟 + 证悟。

此篇文章的理论基础主要是与HTTP网络通信协议相关。为集中精力,可以先把TCP/IP协议这些置之不理,也就是先只关注HTTP的请求和响应的结构。HTTP完整的原理内容就此略过。在此只略提相关内容。文中涉及的设计源码可以通过这里获取 https://github.com/wuqingjian2015/uploadHelper,有意者可以去看看。

HTTP是干什么用的呢?

先考虑一下以下应用过程:

  1. 从客户端向服务器端发起一个请求。
  2. 服务器端处理请求
  3. 服务器端发送一个响应。

那么,如果应用上面过程来实现上传文件这个功能,需要做到几方面:

  1. 要上传的文件需要捆绑在这个请求里面。
  2. 服务器端能够理解该请求,作出相关处理:如能提取出文件内容,存放在某一个文件目录下;如能提取当中某些指令,调用相关的指令处理程序。
  3. 服务器端发送一个响应,客户端应该能够理解该响应内容。

HTTP协议就是解决以上这些问题的。它定义了请求体结构和响应体结构。只要客户端或服务端遵守这个标准,它就能与任何遵守这一标准的应用程序通信。

如果再想实地观察一下符合HTTP标准的请求体和响应体“长”什么样,可以用一些抓包工具。我用了Wireshark和Charles。如果你的是网页应用,可以在IE上按F12键调出开发工具窗口的网络Tab。

在这里,我们只关注请求,了解响应StatusCode是200表示正常。

对于请求,因为iOS会自动设置其他内容,如果咱们不设置的话。下面只讨论其中的

  1. 上传到的目标地址
  2. 请求标头中的Content-Type
  3. 以及请求正文的内容

如何设置目标地址?在创建NSURLRequest时,指定URL即可。如,

NSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:self.targetURL];

设置目标地址URL

  接下来,我们需要设置Content-Type的值为:multipart/form-data,同时制定boundary的值,该boundary会在设置请求正文时用到。到此为止,我们得到了这样的一些代码:

  -(NSURLRequest *)createRequestHeader

  {

      NSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:self.targetURL]; //指定目标地址

      //创建http header请求标头内容

      //  Content-Type := multipart/form-data; boundary=---------------827292(任意)

     //  Content-Length := (文件长度)

     NSString *contentType = [NSString stringWithFormat:@"multipart/form-data; boundary=%@", self.boundary];

     [request setValue:contentType forHTTPHeaderField:@"Content-Type"]; //设置Content-Type

     [request setHTTPMethod:@"post"];//设置Method为POST

     return request;

 }

创建请求表头

  下面再来看请求正文怎么设置。在iOS中,由NSURLRequest.HTTPBody属性来指定,其为NSData类型。谨记:这个有固定的格式,该格式必须正确,否则服务器端无法取得正确的内容。而这个问题无法通过抓包工具中体现出来。如下:

格式:

beginBoundary

Content-Disposition: form-data; name="<服务器端需要知道的名字>"; filename="<服务器端这个传上来的文件名>"
Content-Type: application/zip --根据不同的文件类型选择不同的值 <空行> <二进制数据> endBoundary
范例:

----KenApp299912318
Content-Disposition: form-data; name="<服务器端需要知道的名字>"; filename="<服务器端这个传上来的文件名>"
Content-Type: application/zip --根据不同的文件类型选择不同的值 <空行> <二进制数据> ----KenApp299912318--

范例

有代码有真相:

  -(NSData*)createDataForRequestHTTPBodyForSource

  {

      NSMutableString *bodyHead = [[NSMutableString alloc] init];

      NSMutableData *data = [[NSMutableData alloc] init];

     NSString *fileName = [self.sourceURL lastPathComponent];

     NSString *name=@"uploadFile";

     NSData *fileContent = [NSData dataWithContentsOfURL:self.sourceURL];

     //创建http body请求体内容

     //  第一行: --827292

     [bodyHead appendString:self.beginBoundary];

     // [body appendFormat:@"--------------------"]

     //  Content-Disposition: form-data; name="uploadFile"; filename="xxxx.ext"

     [bodyHead appendFormat:@"Content-Disposition: form-data; name=\"%@\"; filename=\"%@\"\r\n",name,fileName];

     //  Content-Type: application/x-zip-compressed

     //  (空行)

     [bodyHead appendFormat:@"Content-Type: application/zip\r\n\r\n"];

     //  (二进制数据)

     [data appendData:[bodyHead dataUsingEncoding:NSUTF8StringEncoding]];

     [data appendData:fileContent];

     //  最后一行:827292--

     [data appendData:[self.endBoundary dataUsingEncoding:NSUTF8StringEncoding]];

     return data;

 }

范例代码

  到目前为止,咱们知道怎么设置请求标头和请求正文了。怎么用上这些结果呢?在这里,分两种情况

  1. 如果是用NSURLConnection的话, 我们需要在同一个NSURLRequest中设置好这两者。再调用factory method [NSURLConnection connectionWithRequest: delegate:];
  2. 如果是用NSURLSession中uploadTask的话,需要在NSURLRequest中设置请求标头(如下requestWithHeader),同时在NSData中设置请求正文(如下requestHTTPBody)。代码例子如下,其中SSUploadHelper封装了以上提到的处理过程。
/////////////////////////////////范 例////////////////////////

  SSUploadHelper *uploadHelper = [[SSUploadHelper alloc] initWithTarget:[NSURL URLWithString:@"http://192.168.31.172:5012/ArchFlow/upload"] forSource:self.downloadedLocation];

    NSURLSessionUploadTask *uploadTask = [self.ephemeralSession uploadTaskWithRequest:[uploadHelper requestWithHeader] fromData:[uploadHelper requestHTTPBody] completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error) {

        NSLog(@"Got response %@ with error %@.\n", response, error);

        NSLog(@"DATA:\n%@\nEND DATA\n",

              [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding]);

    }];

    [uploadTask resume];

//////////////////////////////////

  至此,客户端的设计基本完成了。为了在服务器端看到上传到的文件,咱们需要搭建一个服务器环境了。我个人实现了一个基于Python的REST的微服务器,在处理到ArchFlow/upload的POST请求中,从request中获取文件,并保存到本地目录下。这是我在软件架构时用到的工具服务器,在此基础上作的临时上传文件功能。(我已经上传一个版本到https://github.com/wuqingjian2015/uploadHelper,感兴趣的朋友可以在此基础上摆弄一下。)

//功能测试:

在服务器启动的过程中,执行以上客户端代码,可以看到文件被拷贝到目标目录下。

注意事项:

boundary的格式值得加倍注意,在请求标头中指明的boundary,必须用到请求正文中。

剩下的就是耐心调试了。Good Luck!

上一篇:纯JS写动态分页样式效果


下一篇:2021-11-13 vjudge第八题H数列有序