将图像上传到服务器详细说明初学者

dre*_*gin 8 networking xcode objective-c ios nsurlsession

我正在努力将图像上传到服务器,因为有很多关于通过AFNetworking和NSURLSession上传图像的问题以及其他上传所有我想问的方法是我没有找到解释关于事情是如何工作以及在幕后发生了什么的整个概念我在搜索youtube时也可以在Swift中找到所有的东西并且完全不相信我的结果我发现这个答案对我来说很熟悉



    //Init the NSURLSession with a configuration
NSURLSessionConfiguration *defaultConfigObject = [NSURLSessionConfiguration defaultSessionConfiguration];
NSURLSession *defaultSession = [NSURLSession sessionWithConfiguration: defaultConfigObject delegate: nil delegateQueue: [NSOperationQueue mainQueue]];

//Create an URLRequest
NSURL *url = [NSURL URLWithString:@"yourURL"];
NSMutableURLRequest *urlRequest = [NSMutableURLRequest requestWithURL:url];

//Create POST Params and add it to HTTPBody
NSString *params = @"api_key=APIKEY&email=example@example.com&password=password";
[urlRequest setHTTPMethod:@"POST"];
[urlRequest setHTTPBody:[params dataUsingEncoding:NSUTF8StringEncoding]];

//Create task
NSURLSessionDataTask *dataTask = [defaultSession dataTaskWithRequest:urlRequest completionHandler:^(NSData *data, NSURLResponse *response, NSError *error) {
    //Handle your response here
}];

[dataTask resume];
Run Code Online (Sandbox Code Playgroud)

关于这个话题最受欢迎的答案是用户XJones: -

Here's code from my app to post an image to our web server:

// Dictionary that holds post parameters. You can set your post parameters that your server accepts or programmed to accept.
NSMutableDictionary* _params = [[NSMutableDictionary alloc] init];
[_params setObject:[NSString stringWithString:@"1.0"] forKey:[NSString stringWithString:@"ver"]];
[_params setObject:[NSString stringWithString:@"en"] forKey:[NSString stringWithString:@"lan"]];
[_params setObject:[NSString stringWithFormat:@"%d", userId] forKey:[NSString stringWithString:@"userId"]];
[_params setObject:[NSString stringWithFormat:@"%@",title] forKey:[NSString stringWithString:@"title"]];

// the boundary string : a random string, that will not repeat in post data, to separate post data fields.
NSString *BoundaryConstant = [NSString stringWithString:@"----------V2ymHFg03ehbqgZCaKO6jy"];

// string constant for the post parameter 'file'. My server uses this name: `file`. Your's may differ 
NSString* FileParamConstant = [NSString stringWithString:@"file"];

// the server url to which the image (or the media) is uploaded. Use your server url here
NSURL* requestURL = [NSURL URLWithString:@""]; 

// create request
NSMutableURLRequest *request = [[NSMutableURLRequest alloc] init];                                    
[request setCachePolicy:NSURLRequestReloadIgnoringLocalCacheData];
[request setHTTPShouldHandleCookies:NO];
[request setTimeoutInterval:30];
[request setHTTPMethod:@"POST"];

// set Content-Type in HTTP header
NSString *contentType = [NSString stringWithFormat:@"multipart/form-data; boundary=%@", BoundaryConstant];
[request setValue:contentType forHTTPHeaderField: @"Content-Type"];

// post body
NSMutableData *body = [NSMutableData data];

// add params (all params are strings)
for (NSString *param in _params) {
    [body appendData:[[NSString stringWithFormat:@"--%@\r\n", BoundaryConstant] dataUsingEncoding:NSUTF8StringEncoding]];
    [body appendData:[[NSString stringWithFormat:@"Content-Disposition: form-data; name=\"%@\"\r\n\r\n", param] dataUsingEncoding:NSUTF8StringEncoding]];
    [body appendData:[[NSString stringWithFormat:@"%@\r\n", [_params objectForKey:param]] dataUsingEncoding:NSUTF8StringEncoding]];
}

// add image data
NSData *imageData = UIImageJPEGRepresentation(imageToPost, 1.0);
if (imageData) {
    [body appendData:[[NSString stringWithFormat:@"--%@\r\n", BoundaryConstant] dataUsingEncoding:NSUTF8StringEncoding]];
    [body appendData:[[NSString stringWithFormat:@"Content-Disposition: form-data; name=\"%@\"; filename=\"image.jpg\"\r\n", FileParamConstant] dataUsingEncoding:NSUTF8StringEncoding]];
    [body appendData:[[NSString stringWithString:@"Content-Type: image/jpeg\r\n\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];
    [body appendData:imageData];
    [body appendData:[[NSString stringWithFormat:@"\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];
}

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

// setting the body of the post to the reqeust
[request setHTTPBody:body];

// set the content-length
NSString *postLength = [NSString stringWithFormat:@"%d", [body length]];
[request setValue:postLength forHTTPHeaderField:@"Content-Length"];

// set URL
[request setURL:requestURL];
Run Code Online (Sandbox Code Playgroud)

但我的观点是,我正在自学,对于没有解释的初学者来说很难理解所以我只是要求解释,如果有人很难花在这个上,那么整个过程的细节解释问题,因为不管你信不信,我发现这是迄今为止最困难的话题,因为主要原因是没有关于整个过程的教程,如果有人能够现在迈出一步并解释这个概念,那么对初学者也没有任何解释对将要学习明天的学生.因此,任何能够详细解释这一点以及上传过程如何工作以及参考的一些步骤的人都将不胜感激.

注意:请考虑我有API和密钥"图像".

Gok*_*kul 4

在这里,我们将查看图像上传以及一些**参数,因为大多数时候我们上传图像以及一些参数,例如 userId。

  • 在深入讨论我们的主题之前,让我提供一下执行这些内容的代码下面我们将看到的所有详细信息都来自其他一些堆栈溢出线程和其他站点,我将提供所有链接供您参考。

    -(void)callApiWithParameters:(NSDictionary *)inputParameter images:(NSArray *)image  imageParamters:(NSArray *)FileParamConstant{
    
    //1
       NSMutableURLRequest *request = [[NSMutableURLRequest alloc] init];
    
       [request setHTTPShouldHandleCookies:NO];
       [request setTimeoutInterval:30];
       [request setHTTPMethod:@"POST"];
    
    //2
       NSString *boundary = @"------CLABoundaryGOKUL";
    
    //3
       NSString *contentType = [NSString stringWithFormat:@"multipart/form-data; boundary=%@", boundary];
       [request setValue:contentType forHTTPHeaderField: @"Content-Type"];
    
    //4
       NSMutableData *body = [NSMutableData data];
    
       for (NSString *key in inputParameter) {
    
       [body appendData:[[NSString stringWithFormat:@"--%@\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
       [body appendData:[[NSString stringWithFormat:@"Content-Disposition: form-data; name=\"%@\"\r\n\r\n", key] dataUsingEncoding:NSUTF8StringEncoding]];
       [body appendData:[[NSString stringWithFormat:@"%@\r\n", [inputParameter objectForKey:key]] dataUsingEncoding:NSUTF8StringEncoding]];
      }
    
       for (int i = 0; i < image.count; i++) {
    
          NSData *imageDatasss = UIImagePNGRepresentation(image[i]);
    
          if (imageDatasss)
          {
              [body appendData:[[NSString stringWithFormat:@"--%@\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
              [body appendData:[[NSString stringWithFormat:@"Content-Disposition: form-data; name=\"%@\"; filename=\"image.jpg\"\r\n", FileParamConstant[i]] dataUsingEncoding:NSUTF8StringEncoding]];
              [body appendData:[@"Content-Type:image/jpeg\r\n\r\n" dataUsingEncoding:NSUTF8StringEncoding]];
              [body appendData:imageDatasss];
              [body appendData:[[NSString stringWithFormat:@"\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];
         }
      }
    
      [body appendData:[[NSString stringWithFormat:@"--%@--\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
    
    //5
      [request setHTTPBody:body];
    
    //6
      [request setURL:[NSURL URLWithString:@"http://changeThisWithYourbaseURL?"]];//Eg:@"http://dev1.com/PTA_dev/webservice/webservice.php?"
    
    //7
      [NSURLConnection sendAsynchronousRequest:request
                                   queue:[NSOperationQueue mainQueue]
                       completionHandler:^(NSURLResponse *response, NSData *data, NSError *error) {
    
                           NSHTTPURLResponse* httpResponse = (NSHTTPURLResponse*)response;
    
                           //8
                           if ([httpResponse statusCode] == 200) {
                               NSDictionary * APIResult =[NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingAllowFragments error:nil];
                               NSLog(@"Response of %@: %@",[inputParameter valueForKey:@"service"],APIResult);
    
                           }else{
                               //9
                               NSLog(@"%@",error.localizedDescription);
                           }
                       }];
    
    
     }
    
    Run Code Online (Sandbox Code Playgroud)

    注意:由于这是一个广泛的主题,我提供了详细信息的文档链接。

    1. 我们使用 ** NSMutableURLRequest** 而不是 ** NSURLRequest** 因为我们要向其中附加一些数据。如果您需要有关可变 url 请求的深入说明,请阅读本文档
      • setHTTPShouldHandleCookies这里我们要决定是否要使用cookie。要了解更多信息,请访问
      • setTimeoutInterval这有助于为 url 请求设置时间限制。在给定时间之后添加时间间隔(以秒为单位),请求将被终止。
      • setHTTPMethod很多方法。但是很多情况下我们使用GETPOST方法。POST 和 GET 之间的区别在这里这里
    2. 边界有助于将参数彼此分开,以便服务器可以识别它们。边界可以是任何您想要的东西,请随意编辑它。
    3. 这里我们使用multipart/form-data;border=作为内容类型。要了解为什么我们要使用此内容类型,请查看线程。
    4. NSMutableData * body我们将把所有参数和值附加到这个数据中,然后将setHTTPBody附加到UrlRequest中。

      • 如果这就是我们调用“callApiWithParameters”方法的方式

         - (IBAction)Done:(id)sender{
                NSDictionary * inputParameters = [NSDictionary dictionaryWithObjectsAndKeys:
                              @"1",@"user_id" ,
                              "XXX",@"name" ,
                              nil];
                 NSArray * image = [NSArray arrayWithObjects:[UIImage imageNamed:@"Test"],[UIImage imageNamed:@"Test1"],nil];
                 NSArray * imageParameters = [NSArray arrayWithObjects:@"img_one",@"img_two",nil];
                 [self callApiWithParameters:inputParameters images:image imageParamters:imageParameters];
          }
        
        Run Code Online (Sandbox Code Playgroud)
      • 那么数据(即正文)将如下所示

Content-Type=multipart/form-data; boundary=------CLABoundaryGOKUL

--------CLABoundaryGOKUL
Content-Disposition: form-data; name=user_id

1
--------CLABoundaryGOKUL
Content-Disposition: form-data; name=name

XXX
--------CLABoundaryGOKUL
Content-Disposition: form-data; name=img_one; filename=image.jpg

Content-Type:image/jpeg

//First image data appended here

--------CLABoundaryGOKUL
Content-Disposition: form-data; name=img_two; filename=image.jpg

Content-Type:image/jpeg

//Second image data appended here.
Run Code Online (Sandbox Code Playgroud)
  • 上面给出的数据将清楚地解释发生了什么,所有参数和键都已附加在数据中在这里您可以找到有关发送多部分/表单的更多详细信息。

    1. 现在只需将上述数据添加到请求即可[request setHTTPBody:body];
    2. setURL在此方法中添加应用程序的基本 url。
    3. 现在我们需要做的就是与服务器建立连接并发送请求。这里我们使用 NSURLConnection 来发送请求。NSURLConnection 的描述加载 URL 请求的数据,并在请求完成或失败时在操作队列上执行处理程序块。
    4. statusCode有助于查明我们是否从服务器收到成功的响应。如果200表示正常,500表示内部服务器错误等。更多详细信息请参见此处

    5. 处理其他情况下的错误。

仅供参考,我已经解释了我能做什么,请参阅链接以更好地理解。

编辑:

只需更改imageParamater数组中的名称即可满足您的要求,将img_one 和 img_two更改为image

 - (IBAction)Done:(id)sender{
     //Change input parameters as per your requirement.
     NSDictionary * inputParameters = [NSDictionary dictionaryWithObjectsAndKeys:
                                  @"1",@"user_id" ,
                                  "XXX",@"name" ,
                                  nil];
    NSArray * image = [NSArray arrayWithObjects:[UIImage imageNamed:@"Test"],nil]; //Change Test with your image name
    NSArray * imageParameters = [NSArray arrayWithObjects:@"image",nil];//Added image as a key.
    [self callApiWithParameters:inputParameters images:image imageParamters:imageParameters];
              }
Run Code Online (Sandbox Code Playgroud)

并将第 6 点更改为您的示例基本 URL,

//6

 [request setURL:[NSURL URLWithString:@"http://google.com/files/upload.php?"]];
Run Code Online (Sandbox Code Playgroud)