如何使用AFNetworking以串行順序從網絡服務器下載圖像

Question

我正在使用AFNetworking在我的應用程序中從服務器下載json和圖像。我想使用AFNetworking以連續順序下載圖像，但響應的順序並不正確，因爲它以隨機順序顯示圖像。點擊旋轉木馬上的縮略圖我想要顯示相同的選定圖像的更大圖像，但通過使用AFNetworking當點擊旋轉木馬圖像時，我得到隨機圖像。

我可以使用GCD中的串行隊列來完成任務，但我想使用AFNetworking來完成任務。如何做到這一點請提出建議。

下面是我使用的串行順序下載GCD

-(void)downloadImages:(NSMutableArray *)twitterThumbnailUrl withtwitterImages:(NSMutableArray *)twitterImageUrl 
{ 
dispatch_queue_t queue; 
    queue = dispatch_queue_create("myImageQueue", NULL); 

    for(int i = 0; i<twitterThumbnailUrl.count; i++) { 

     NSURL *imageUrl = [NSURL URLWithString:[twitterThumbnailUrl objectAtIndex:i]]; 
     NSURL *mainUrl = [NSURL URLWithString:[twitterImageUrl objectAtIndex:i]]; 

     dispatch_async(queue, ^{ 
      // do your stuff in the right order 
      NSData *imageData = [NSData dataWithContentsOfURL:imageUrl]; 
      NSData *imgData = [NSData dataWithContentsOfURL:mainUrl]; 
      UIImage *image = [UIImage imageWithData:imageData]; 
      UIImage *mainImage = [UIImage imageWithData:imgData]; 
      if (image != NULL) { 
       [self.twitterImages addObject:image]; 
       NSLog(@"num = %d", i); 
      } 

      if (mainImage != NULL) { 
       [self.celebImageArray addObject:mainImage]; 
      } 

      dispatch_async(dispatch_get_main_queue(), ^{ 
       [self.carousel reloadData]; 
       [spinner stopAnimating]; 
      }); 
     }); 
    } 

} 

代碼以下爲使用AFNetworking

-(void)downloadTwitterImages:(NSString *)twitterImagesUrl 
{ 
    // download the photo 
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:twitterImagesUrl]]; 
    AFImageRequestOperation *operation = [AFImageRequestOperation 
              imageRequestOperationWithRequest:request 
              imageProcessingBlock:nil 
              success:^(NSURLRequest *request, NSHTTPURLResponse *response, UIImage *image) 
              { 

               if (image != nil) { 

                [self.celebImageArray addObject:image]; 
               } 

               [self.carousel reloadData]; 

              } failure:^(NSURLRequest *request, NSHTTPURLResponse *response, NSError *error) { 
               NSLog(@"%@", error.description); 

              }]; 

    [operation start]; 


} 

我怎麼會在archieve的AFNetworking相同的代碼。請幫助

UPDATE：

這個方法我試過從這個帖子[鏈接]和它的下載圖像，以便

這是我的代碼。請糾正我，如果我在這裏做任何錯誤

- (void) downloadTwitterImages:(NSMutableArray *)thumbnailArray { 

    { 
     [_thumbDownloadQueue cancelAllOperations]; 
     _thumbDownloadQueue = [[NSOperationQueue alloc] init]; 
     self.twitterImages = [[NSMutableArray alloc] init]; 
    } 
    AFImageRequestOperation *previousOperation = nil; 

    for (NSUInteger i = 0; i<[thumbnailArray count]; i++) { 

     NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:[thumbnailArray objectAtIndex:i]]]; 
     AFImageRequestOperation *operation = [AFImageRequestOperation 
               imageRequestOperationWithRequest:request 
               imageProcessingBlock:nil 
               success:^(NSURLRequest *request, NSHTTPURLResponse *response, UIImage *image) 
               { 
                if (image != nil) { 
                 NSLog(@"thumbnail downloaded %@", image); 

                 [self.twitterImages addObject:image]; 
                } 

               } failure:^(NSURLRequest *request, NSHTTPURLResponse *response, NSError *error) { 
                NSLog(@"%@", error.description); 

               }]; 

     if (previousOperation) { 
      [operation addDependency:previousOperation]; 
     } 
     previousOperation = operation; 

     [_thumbDownloadQueue addOperation:operation]; 

    } 

} 

Answer 1

問題是，您的代碼處理圖像下載完成不使用圖像URL的索引。所以，最終的順序是由每個圖像下載的速度決定的。

考慮類似於設置celebImageArray以充滿NSNull的實例，並在接收到關聯圖像（使用循環中的索引，您將傳遞給下載方法）時替換每個項目。或者，使用字典以URL的形式存儲圖像，以便稍後找到正確的圖像。

---

當你得到圖像的URL列表，這樣做：

self.celebImageArray = [NSMutableArray array]; 

for (id url in self.twitterThumbnailUrl) { 
    [self.celebImageArray addObject:[NSNull null]]; 
} 

現在，您有設置爲默認值的項目，但所有的指標都是有效的陣列。

而不是

[self.celebImageArray addObject:image]; 

你將不得不

[self.celebImageArray replaceObjectAtIndex:index withObject:image]; 

它取代與真實項目的默認項。

當您嘗試使用單元上的圖像，你應該檢查它是否是一個圖像，而不是NSNull：

if ([[self.celebImageArray objectAtIndex:index] isKindOfClass:[UIImage class]]) { 
    cell.imageView.image = [self.celebImageArray objectAtIndex:index]; 
}