ios - AFNetworkings setImageWithURLRequest 为 UITableViewCell 显示错误的图像

Question

我的 tableView:cellForRowAtIndexPath 方法中使用了以下代码。我使用 AFNetworking 的 setImageWithURLRequest 来显示单元格的图像。但是，有时错误的图像会放置在我的 tableView 中的单元格上。

我认为错误是在成功 block 被触发时 contact 对象不再对应于下载的图像。

// ... init/deque ...
/* CAN BE EITHER USER OR CONTACT DETAILS */
id contact = [[self.connections objectAtIndex:indexPath.section] objectAtIndex:indexPath.row];

if ([contact isKindOfClass:[User class]]) {
    [cell configurateCellWithUser:(User *)contact];
    if(((User*)contact).avatar_name.length > 0){
        [cell.profilePicture setImageWithURLRequest:[self getURLRequestForUser:contact]
                                   placeholderImage:[UIImage imageWithData:((User*)contact).avatar_image]
                                            success:^(NSURLRequest *request, NSHTTPURLResponse *response, UIImage *image) {

                                                cell.profilePicture.image = image;                                                       
                                                ((User*)contact).avatar_image = UIImageJPEGRepresentation(image, 0.01);
                                            } failure:^(NSURLRequest *request, NSHTTPURLResponse *response, NSError *error) {
                                                cell.profilePicture.image = [UIImage imageNamed:@"avatar_contact-card"];

                                            }];
    }else {
        [cell.profilePicture setImage:[UIImage imageNamed:@"avatar_contact-card"]];
    }
} else {
    [cell.profilePicture setImage:[UIImage imageNamed:@"avatar_contact-card"]];
    [cell configurateCellWithContactDetails:(ContactDetails *)contact];
}
return cell;

我该如何解决这个问题并为正确的单元格显示适当的图像？

Answer 1

您可能没有正确准备表格单元格以供重用。当图像请求由于重用或网络请求失败而无法到达其 UIImageView 接收器时，这可能会导致您看到旧图像。此外，URL 请求有可能出现乱序，导致正确的图像被先前可能已延迟的网络请求覆盖。

您需要确保清除 profilePicture imageView 并取消任何可能导致图像稍后更改的未决 URL 请求。

将以下代码放在您的 UITableViewCell 子类中:

- (void)prepareForReuse {
    [self cancelImageRequestOperation];
    self.profilePicture.image = nil;
}

确保您已经在 UITableViewCell 中导入了 UIImageView+AFNetworking 类别:

#import UIImageView+AFNetworking.h