Hi, everyone.

Currently, I am on Milestone projects 10-12 and stuck.

So, where I am:

• I have already built a basic interface: I used UITableViewController, changed everything in the interface builder, and used numberOfRowsInSection and cellForRowAt.
• I created a new custom class called Picture with the name and image property;
• then I created an imagePickerController with UUID, jpegData.write and etc;
• then I created DetailViewController and tied it up with the imageView of DetailedViewController at the Storyboard; my DetailViewController file has the property selectedImage which conforms custom Picture class;
• Finally, I have overridden didSelectRowAt method and made the connection between view controller and detailed view controller. (I left the task of renaming and the task of being able to use a photo from the camera for the end.)

So, when I run the app everything works fine: I can open the picker and add photos saved on my phone. When I click on the photo, the Detailviewcontroller appears, BUT... but the photo is not displayed for some reason.

I have already been stuck for two days))) and somehow I know where the problem is:

import UIKit

class DetailViewController: UIViewController {
    @IBOutlet var imageView: UIImageView!
    var selectedImage: Picture?

    override func viewDidLoad() {
        super.viewDidLoad()

        title = selectedImage?.name

        if let imageToLoad = selectedImage {
            imageView.image = UIImage(contentsOfFile: imageToLoad.image)

            ///I HAVE TRIED PRINT(imageView.image!) AND I HAVE GOT TERRIBLE CRUSH.
        }
    }
}

Now I know that for some reason my imageView.image is left "empty". But everything that I have tried is not working.

So, the question why dosn't my imageView.image work? and why while I run the app my detail view controler is not showing the image?

I would be extremely grateful if someone would help me to solve the problem.

Hi @Mykola!

I suspect you forgot to retrieve the path. You saved the image before displaying it in DetailView so it should be something like this.

class DetailViewController: UIViewController {

  @IBOutlet weak var imageView: UIImageView!
  var selectedImage: String?

  override func viewDidLoad() {
    super.viewDidLoad()

    if let image = selectedImage {
      let path = getDocumentsDirectory().appendingPathComponent(image)
      imageView.image = UIImage(contentsOfFile: path.path)
    }
  }

  func getDocumentsDirectory() -> URL {
    let paths = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)
    return paths[0]
  }

}

for Picture Class you can use this:

class Picture: NSObject, Codable {
  var name: String
  var image: String

  init(name: String, image: String) {
    self.name = name
    self.image = image
  }
}

@ygeras

Thanks a lot! I have tried but it still does not work. So I will share all my code with you)

class ViewController: UITableViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate {
    var pictures = [Picture]()

    override func viewDidLoad() {
        super.viewDidLoad()

        navigationItem.leftBarButtonItem = UIBarButtonItem(barButtonSystemItem: .add, target: self, action: #selector(selectPicture))
    }

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

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Picture", for: indexPath)
        let picture = pictures[indexPath.row]

        cell.textLabel?.text = picture.name

        return cell
    }

    @objc func selectPicture() {
        let picker = UIImagePickerController()
        picker.allowsEditing = true
        picker.delegate = self
        present(picker, animated: true)
    }

    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
        guard let image = info[.editedImage] as? UIImage else { return }

        let imageName = UUID().uuidString
        let imagePath = getDocumentsDirectory().appendingPathExtension(imageName)

        if let jpegData = image.jpegData(compressionQuality: 0.8) {
            try? jpegData.write(to: imagePath)
        }

        let name = "Unknown"

        let picture = Picture(name: name, image: imageName)
        pictures.append(picture)
        tableView.reloadData()

        dismiss(animated: true)
    }

    func getDocumentsDirectory() -> URL {
        let paths = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)
        return paths[0]
    }

    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        let dvc = storyboard?.instantiateViewController(withIdentifier: "Detail") as! DetailViewController
        let picture = pictures[indexPath.row]
        dvc.selectedImage = picture
        navigationController?.pushViewController(dvc, animated: true)
    }
}

Now DetailView with your suggestions:

class DetailViewController: UIViewController {
    @IBOutlet var imageView: UIImageView!
    var selectedImage: Picture?

    override func viewDidLoad() {
        super.viewDidLoad()

        title = selectedImage?.name
        navigationItem.largeTitleDisplayMode = .never

        if let imageToLoad = selectedImage?.image {
            let path = getDocumentsDirectory().appendingPathComponent(imageToLoad)
                  imageView.image = UIImage(contentsOfFile: path.path)
        }
    }

    func getDocumentsDirectory() -> URL {
        let paths = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)
        return paths[0]
      }
}

and here is my Picture class:

class Picture: NSObject, Codable {
    var name: String
    var image: String

    init(name: String, image: String) {
        self.name = name
        self.image = image
    }
}

I would be very appreciated if you check the code!

Your mistake most probably here in DetailView

var selectedImage: Picture?

you have to pass it as

var selectedImage: String?

also in didSelectRowAt pass a string not an object Picture

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        let dvc = storyboard?.instantiateViewController(withIdentifier: "Detail") as! DetailViewController
        dvc.selectedImage = pictures[indexPath.row].image // add 'image'
        navigationController?.pushViewController(dvc, animated: true)
    }

if it doens't help let me know. Will check line by line tomorrow :)

@ygeras

It still does not work) Please, check it by the line tomorrow. 🙏

Have goot night!)

Thanks Yuri. Now its working! Going to learn where I made mistakes! Best wishes!

Glad to hear it helped! Please mark post as solved :) Cheers and keep coding!