Storing JSON image Data in an array and displaying it in tableViewCell using Swift

Question

I am trying to store the Images from a JSON in an array and displaying it in a TableViewCell using a TableViewController. But the array not only stores the image but also the quality/size of the Image i.e. {53,53}. I don't know how to get the Image from it. I Have a UIImage in my Table View Controller name 'gameImage'.

import UIKit

class ViewController: UITableViewController {

  var NumberOfRows = 5
  var arrayOfImages = [UIImage]()
  let ImageData=NSData()
  override func viewDidLoad() {

    super.viewDidLoad()
       let url = NSURL(string:"https://itunes.apple.com/us/rss/topgrossingipadapplications/limit=25/json")

    let session = NSURLSession(configuration: NSURLSessionConfiguration.defaultSessionConfiguration())
    let task  = session.dataTaskWithRequest(NSURLRequest(URL: url!)) {(data,response,error) -> Void in


            let swiftyJSON  = JSON(data: data!)

        for i in 1...6{
            var theEntryArray = swiftyJSON["feed"]["entry"][i-1]["im:image"].arrayValue
            let imageArray = theEntryArray[0]["label"].string!
            let ImageUrl = NSURL(string: imageArray)

            let ImageData = NSData(contentsOfURL: ImageUrl!)

            self.arrayOfImages.append(UIImage(data:ImageData!)!)



        }

    }

    task.resume()
    // Do any additional setup after loading the view, typically from a nib.




}
override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
    // #warning Incomplete implementation, return the number of sections
    return 1
}

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) ->Int {
    return 20
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    var cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as! TableViewCell


    let pho=arrayOfImages[indexPath.row]
    cell.gameImage.image = pho

    return cell
}


}

The Output of the arrayOfImages looks like:

 [<UIImage: 0x7ff893f8c990>, {53, 53}, <UIImage: 0x7ff893f62830>, {53, 53}, <UIImage: 0x7ff893c599c0>, {53, 53}, <UIImage: 0x7ff893f95740>, {53, 53}, <UIImage: 0x7ff893c5c900>, {53, 53}, <UIImage: 0x7ff893e3fee0>, {53, 53}]

enter link description here

Try to add self: let pho = self.arrayOfImage... Then make an if let condition first, it is safe: if let pho = self.arrayOfImages ... { cell. .. = pho } — pedrouan
– pedrouan, Commented Sep 17, 2016 at 9:52

Nirav D · Accepted Answer · 2016-09-17 10:02:00Z

1

It is crashing because your image array may empty or not contain 20 objects, In numberOfRowsInSection you are returning 20, to solve this issue with numberOfRowsInSection you need to return the count of your imageArray like this.

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) ->Int {
   return arrayOfImages.count
}

Note: It is just suggestion instead of downloading image using NSData try to use third party lib like SDWebImage and other that will give you more benefits.

edited Sep 17, 2016 at 10:02

answered Sep 17, 2016 at 9:30

Nirav D

72.6k12 gold badges168 silver badges187 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

pedrouan Over a year ago

An imageArray is not empty.

Nirav D Over a year ago

@pedrouan But it is contain 20 objects as you returning 20 in numberOfRowsInSection? check that

pedrouan Over a year ago

That's true. But it is not empty. Anyway, your answer doesn't solve theirs whole problem. Try to edit your answer with solution that he still needs.

Nirav D Over a year ago

@pedrouan My answer is correct OP app is crashing because there is no 20 objects inside array and when in cellForRowAtIndexPath it will try to access object it is crashing check properly.

serg_zhd Over a year ago

"I don't know how to get the Image from it." he says first

|

Collectives™ on Stack Overflow

Storing JSON image Data in an array and displaying it in tableViewCell using Swift

1 Answer 1

13 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Your Answer

Sign up or log in

Post as a guest

Related