Load image to a tableView from URL iphone sdk

Question

I have tableView and need to load image from URL. I have an array that contains the URLs of images and when the page loads I need to load all the images into the tableview. Note that, not from a single URL, have an array with different URLs. How can I implement that? Please help

Thanks.

The best solution I found: http://stackoverflow.com/a/26147814/3052059! — Thomás Pereira, Oct 03 '14 at 13:19

Bushra Shahid · Accepted Answer · 2012-10-05T07:11:54.287

34

You can use GCD to load images in background thread, like this:

//get a dispatch queue
dispatch_queue_t concurrentQueue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);
    //this will start the image loading in bg
    dispatch_async(concurrentQueue, ^{        
        NSData *image = [[NSData alloc] initWithContentsOfURL:imageURL];

        //this will set the image when loading is finished
        dispatch_async(dispatch_get_main_queue(), ^{
            imageView.image = [UIImage imageWithData:image];
        });
    });

Hi. But you probably need to add a dispatch_release(concurrentQueue); to be sure no leak. – Franck Aug 25 at 19:43

edited Oct 05 '12 at 07:11

answered Sep 27 '11 at 06:43

Bushra Shahid

3,579
1
27
37

3

Hi. But you probably need to add a dispatch_release(concurrentQueue); to be sure no leak. – Franck Aug 25 '12 at 19:43
Side question: do you need @autorelease pool when using dispatch_async? – Eneko Alonso Oct 05 '12 at 01:41

score 7 · Answer 2 · answered Sep 27 '11 at 07:10

You can use Lazy Loading when you want to download Images from internet

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
   //All you reusable cell implementation here.
   //Since your Images sizes differ. Keep a custom Imageview

    if(![imagesForCategories containsObject:indexPath])
    {    
        customImageView.image = [UIImage imageNamed:@"default-image.png"];
        NSMutableArray *arr = [[NSArray alloc] initWithObjects:[imageUrlArray objectAtIndex:indexPath.row],indexPath, nil];
        [self performSelectorInBackground:@selector(loadImageInBackground:) withObject:arr];
        [arr release];
    }
    return cell;
}

- (void) loadImageInBackground:(NSArray *)urlAndTagReference 
{
    NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
    NSURL *imgUrl=[[NSURL alloc] initWithString:[urlAndTagReference objectAtIndex:0]];
    NSData *imgData = [NSData dataWithContentsOfURL:imgUrl];
    UIImage *img = [UIImage imageWithData:imgData];
    [imgUrl release]; 
    NSMutableArray *arr = [[NSMutableArray alloc ] initWithObjects:img,[urlAndTagReference objectAtIndex:1], nil  ];
    [self performSelectorOnMainThread:@selector(assignImageToImageView:) withObject:arr waitUntilDone:YES];
    [arr release];
    [pool release];
}

- (void) assignImageToImageView:(NSMutableArray *)imgAndTagReference
{
    [imagesForCategories addObject:[imgAndTagReference objectAtIndex:1]];
    UITableViewCell *cell = [celebCategoryTableView cellForRowAtIndexPath:[imgAndTagReference objectAtIndex:1]];
    UIImageView *profilePic = (UIImageView *)[cell.contentView viewWithTag:20];
    profilePic.image = [imgAndTagReference objectAtIndex:0];

}

You can also see this apple sample code for lazyloading http://developer.apple.com/library/ios/#samplecode/LazyTableImages/Introduction/Intro.html — ipraba, Sep 27 '11 at 07:13

score 5 · Answer 3 · answered Sep 27 '11 at 07:49

5

You can use SDWebImage which permits very easy and speed loading of images in UITableView.
https://github.com/rs/SDWebImage

answered Sep 27 '11 at 07:49

Tracrium

51
1

pop924 · Answer 4 · 2011-09-29T08:27:47.650

4

Try this code,imagearray contains urls of image

-(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSData* imageData = [[NSData alloc] initWithContentsOfURL:[NSURL URLWithString: [imagearray objectAtIndex:row]]];
    UIImage* image = [[UIImage alloc] initWithData:imageData];


    cell.imageView.image =image;
    return cell;
}

edited Sep 29 '11 at 08:27

answered Sep 27 '11 at 06:41

pop924

171
9

10

This will freeze Interface while image downloading – Timur Mustafaev Sep 27 '11 at 06:53
thanks, and its working fine. But the image sizes are different. – Mithun Sep 27 '11 at 06:54
1

and also, running slowly, is there any idea to make it run fast, sometimes its freezing. – Mithun Sep 27 '11 at 06:55
If there is large amount of data(images),you need to download it asynchronously...Chk this link http://www.markj.net/iphone-asynchronous-table-image/ – pop924 Sep 27 '11 at 06:58

score 3 · Answer 5 · answered Sep 27 '11 at 07:00

3

You need to create your custom cell for lazy loading. This will allow you to download images correctly and without freezing. Here is nice example how to do this: Asynch image loading

answered Sep 27 '11 at 07:00

Timur Mustafaev

4,869
9
63
109

score -2 · Answer 6 · edited Jan 08 '15 at 01:01

-2

With afnetworki, it is too easy.

//afnetworking

#import "UIImageView+AFNetworking.h"

 [cell.iboImageView setImageWithURL:[NSURL URLWithString:server.imagen] placeholderImage:[UIImage imageNamed:@"qhacer_logo.png"]];

edited Jan 08 '15 at 01:01

Logan Wayne

6,001
16
31
49

answered Jan 08 '15 at 00:19

A. Trejo

641
8
17

Load image to a tableView from URL iphone sdk

6 Answers6

Linked

Related