问题

以下是您提供的内容的翻译：

"I am a newbie in Swift and I am trying to build an app in which I retrieve plant images and information from this api "https://rapidapi.com/mnai01/api/house-plants2"."

我是Swift的新手，我正在尝试构建一个应用程序，从这个API中检索植物图像和信息：“https://rapidapi.com/mnai01/api/house-plants2”。

"I managed to implement a table view in which I display the name and image of each plant in the api, and when I click on any cell in the table view I displayed that certain plant's information in a new view controller."

我成功实现了一个表视图，在其中显示API中每棵植物的名称和图像，当我点击表视图中的任何单元格时，我在新的视图控制器中显示了特定植物的信息。

"My problem is that no matter what I tried I couldn't also display the image of that plant in that view controller and I don't know what to do to make it work."

我的问题是，无论我尝试什么，我都无法在该视图控制器中显示该植物的图像，我不知道如何使其工作。

"It is also worth to mention that the links for the images are of this format:

• img: "http://www.tropicopia.com/house-plant/thumbnails/5556.jpg""

值得一提的是，图像的链接格式如下：

• 图像: “http://www.tropicopia.com/house-plant/thumbnails/5556.jpg”

这是应该显示图像和信息的视图控制器类：

这是你应该显示图像和信息的视图控制器类：

import UIKit
import SDWebImage

class PlantDetailsViewController: UIViewController {
    
    // 植物图像视图
    @IBOutlet weak var plantImage: UIImageView!
    
    // 植物信息的标签
    @IBOutlet weak var commonNameLabel: UILabel!
    @IBOutlet weak var latinNameLabel: UILabel!
    @IBOutlet weak var otherNamesLabel: UILabel!
    @IBOutlet weak var categoryLabel: UILabel!
    @IBOutlet weak var useLabel: UILabel!
    @IBOutlet weak var styleLabel: UILabel!
    @IBOutlet weak var familyLabel: UILabel!
    @IBOutlet weak var bloomSeasonLabel: UILabel!
    @IBOutlet weak var wateringLabel: UILabel!
    @IBOutlet weak var idealLightLabel: UILabel!
    @IBOutlet weak var growthLabel: UILabel!
    @IBOutlet weak var climatLabel: UILabel!
    @IBOutlet weak var diseaseLabel: UILabel!
    @IBOutlet weak var insectsLabel: UILabel!
    @IBOutlet weak var leafColourLabel: UILabel!
    @IBOutlet weak var bloomsColourLabel: UILabel!
    @IBOutlet weak var availabilityLabel: UILabel!
    @IBOutlet weak var bearingLabel: UILabel!
    @IBOutlet weak var appealLabel: UILabel!
    
    var plants: Plant?
    
    var strCommonName = ""
    var strLatinName = ""
    var strOtherNames = ""
    var strCategory = ""
    var strUse = ""
    var strStyle = ""
    var strFamily = ""
    var strBloomSeason = ""
    var strWatering = ""
    var strIdealLight = ""
    var strGrowth = ""
    var strClimat = ""
    var strDisease = ""
    var strInsects = ""
    var strLeafColour = ""
    var strBloomsColour = ""
    var strAvailability = ""
    var strBearing = ""
    var strAppeal = ""
    
    override func viewDidLoad() {
        super.viewDidLoad()
    
        commonNameLabel.text = strCommonName
        latinNameLabel.text = strLatinName
        otherNamesLabel.text = strOtherNames
        categoryLabel.text = strCategory
        useLabel.text = strUse
        styleLabel.text = strStyle
        familyLabel.text = strFamily
        bloomSeasonLabel.text = strBloomSeason
        wateringLabel.text = strWatering
        idealLightLabel.text = strIdealLight
        growthLabel.text = strGrowth
        climatLabel.text = strClimat
        diseaseLabel.text = strDisease
        insectsLabel.text = strInsects
        leafColourLabel.text = strLeafColour
        bloomsColourLabel.text = strBloomsColour
        availabilityLabel.text = strAvailability
        bearingLabel.text = strBearing
        appealLabel.text = strAppeal
        
        // 加载植物图像
        if let imageURL = plants?.img {
            plantImage.sd_setImage(with: URL(string: imageURL), completed: nil)
        }
    }
}

这是表视图的didSelectRowAt函数：

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        
    let detail: PlantDetailsViewController = self.storyboard?.instantiateViewController(withIdentifier: "showDetails") as! PlantDetailsViewController
    
    detail.strCommonName = plants[indexPath.row].common_name?.first ?? "N/A"
    detail.strLatinName = plants[indexPath.row].latin_name ?? "N/A"
    detail.strOtherNames = plants[indexPath.row].other_names ?? "N/A"
    detail.strCategory = plants[indexPath.row].categories ?? "N/A"
    detail.strUse = plants[indexPath.row].use?.first ?? "N/A"
    detail.strStyle = plants[indexPath.row].style ?? "N/A"
    detail.strFamily = plants[indexPath.row].family ?? "N/A"
    detail.strBloomSeason = plants[indexPath.row].blooming_season ?? "N/A"
    detail.strWatering = plants[indexPath.row].watering ?? "N/A"
    detail.strIdealLight = plants[indexPath.row].light_ideal ?? "N/A"
    detail.strGrowth = plants[indexPath.row].growth ?? "N/A"
    detail.strClimat = plants[indexPath.row].climat ?? "N/A"
    detail.strDisease = plants[indexPath.row].disease ?? "N/A"
    detail.strInsects = plants[indexPath.row].insects?.first ?? "N/A"
    detail.strLeafColour = plants[indexPath.row].color_of_leaf?.first ?? "N/A"
    detail.strBloomsColour = plants[indexPath.row].color_of_blooms ?? "N/A"
    detail.strAvailability = plants[indexPath.row].availability ?? "N/A"
    detail.strBearing = plants[indexPath.row].bearing ?? "N/A"
    detail.strAppeal = plants[indexPath.row].appeal ?? "N/A"
    
    // 传递图像链接给详情视图控制器
    detail.plants = plants[indexPath.row]
    
    self.navigationController?.pushViewController(detail, animated: true)
}

在Manager文件夹中，我创建了一个名为“APICaller”的类，用于从API获取数据。以下是执行此操作的函数：

func getAllPlants(completion: @escaping (Result<[Plant], Error>) -> Void) {
    guard

<details>
<summary>英文:</summary>

I am a newbie in Swift and I am trying to build an app in which I retrieve plant images and information from this api &quot;https://rapidapi.com/mnai01/api/house-plants2&quot;.

I managed to implement a table view in which I display the name and image of each plant in the api, and when I click on any cell in the table view I displayed that certain plant&#39;s information in a new view controller.

My problem is that no matter what I tried I couldn&#39;t also display the image of that plant in that view controller and I don&#39;t know what to do to make it work.

It is also worth to mention that the links for the images are of this format:

- img: &quot;http://www.tropicopia.com/house-plant/thumbnails/5556.jpg&quot;

This is the class of the view controller where the image and information should be displayed:

import UIKit
import SDWebImage

class PlantDetailsViewController: UIViewController {

// image view for the plant
@IBOutlet weak var plantImage: UIImageView!
// labels for the plant information
@IBOutlet weak var commonNameLabel: UILabel!
@IBOutlet weak var latinNameLabel: UILabel!
@IBOutlet weak var otherNamesLabel: UILabel!
@IBOutlet weak var categoryLabel: UILabel!
@IBOutlet weak var useLabel: UILabel!
@IBOutlet weak var styleLabel: UILabel!
@IBOutlet weak var familyLabel: UILabel!
@IBOutlet weak var bloomSeasonLabel: UILabel!
@IBOutlet weak var wateringLabel: UILabel!
@IBOutlet weak var idealLightLabel: UILabel!
@IBOutlet weak var growthLabel: UILabel!
@IBOutlet weak var climatLabel: UILabel!
@IBOutlet weak var diseaseLabel: UILabel!
@IBOutlet weak var insectsLabel: UILabel!
@IBOutlet weak var leafColourLabel: UILabel!
@IBOutlet weak var bloomsColourLabel: UILabel!
@IBOutlet weak var availabilityLabel: UILabel!
@IBOutlet weak var bearingLabel: UILabel!
@IBOutlet weak var appealLabel: UILabel!
var plants: Plant?
var strCommonName = ""
var strLatinName = ""
var strOtherNames = ""
var strCategory = ""
var strUse = ""
var strStyle = ""
var strFamily = ""
var strBloomSeason = ""
var strWatering = ""
var strIdealLight = ""
var strGrowth = ""
var strClimat = ""
var strDisease = ""
var strInsects = ""
var strLeafColour = ""
var strBloomsColour = ""
var strAvailability = ""
var strBearing = ""
var strAppeal = ""
override func viewDidLoad() {
super.viewDidLoad()
commonNameLabel.text = strCommonName
latinNameLabel.text = strLatinName
otherNamesLabel.text = strOtherNames
categoryLabel.text = strCategory
useLabel.text = strUse
styleLabel.text = strStyle
familyLabel.text = strFamily
bloomSeasonLabel.text = strBloomSeason
wateringLabel.text = strWatering
idealLightLabel.text = strIdealLight
growthLabel.text = strGrowth
climatLabel.text = strClimat
diseaseLabel.text = strDisease
insectsLabel.text = strInsects
leafColourLabel.text = strLeafColour
bloomsColourLabel.text = strBloomsColour
availabilityLabel.text = strAvailability
bearingLabel.text = strBearing
appealLabel.text = strAppeal
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}

}

This is is the didSelectRowAt function for the table view:

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

    let detail:PlantDetailsViewController = self.storyboard?.instantiateViewController(withIdentifier: "showDetails") as! PlantDetailsViewController
detail.strCommonName = plants[indexPath.row].common_name?.first  ?? "N/A"
detail.strLatinName = plants[indexPath.row].latin_name ?? "N/A"
detail.strOtherNames = plants[indexPath.row].other_names ?? "N/A"
detail.strCategory = plants[indexPath.row].categories ?? "N/A"
detail.strUse = plants[indexPath.row].use?.first ?? "N/A"
detail.strStyle = plants[indexPath.row].style ?? "N/A"
detail.strFamily = plants[indexPath.row].family ?? "N/A"
detail.strBloomSeason = plants[indexPath.row].blooming_season ?? "N/A"
detail.strWatering = plants[indexPath.row].watering ?? "N/A"
detail.strIdealLight = plants[indexPath.row].light_ideal ?? "N/A"
detail.strGrowth = plants[indexPath.row].growth ?? "N/A"
detail.strClimat = plants[indexPath.row].climat ?? "N/A"
detail.strDisease = plants[indexPath.row].disease ?? "N/A"
detail.strInsects = plants[indexPath.row].insects?.first ?? "N/A"
detail.strLeafColour = plants[indexPath.row].color_of_leaf?.first ?? "N/A"
detail.strBloomsColour = plants[indexPath.row].color_of_blooms ?? "N/A"
detail.strAvailability = plants[indexPath.row].availability ?? "N/A"
detail.strBearing = plants[indexPath.row].bearing ?? "N/A"
detail.strAppeal = plants[indexPath.row].appeal ?? "N/A"
self.navigationController?.pushViewController(detail, animated: true)
}

In the Manager folder I created class called "APICaller" where I fetch the data from the API. This is the function that does that:

func getAllPlants (completion: @escaping (Result<[Plant], Error>) -> Void) {
guard let url = URL(string: "\(Constants.baseURL)/all/?rapidapi-key=\(Constants.API_KEY)") else {return}
let task = URLSession.shared.dataTask(with: URLRequest(url: url)) { data, _, error in
guard let data = data, error == nil else {return}
do {
let results = try JSONDecoder().decode([Plant].self, from: data)
completion(.success(results))
} catch {
completion(.failure(APIError.failedTogetData))
}
}
task.resume()
}

And finally this is the Plant struct model:

struct Plant: Codable {

let appeal: String?
let availability: String?
let bearing: String?
let blooming_season: String?
let categories: String?
let climat: String?
let color_of_blooms: String?
let color_of_leaf: [String]?
let common_name: [String]?
let disease: String?
let family: String?
let growth: String?
let insects: [String]?
let latin_name: String?
let light_ideal: String?
let other_names: String?
let style: String?
let use: [String]?
let watering: String?
let id: String?
let img: String?
let url: String?
private enum CodingKeys: String, CodingKey {
case appeal = "Appeal"
case availability = "Availability"
case bearing = "Bearing"
case blooming_season = "Blooming season"
case categories = "Categories"
case climat = "Climat"
case color_of_blooms = "Color of blooms"
case color_of_leaf = "Color of leaf"
case common_name = "Common name"
case disease = "Disease"
case family = "Family"
case growth = "Growth"
case insects = "Insects"
case latin_name = "Latin name"
case light_ideal = "Light ideal"
case other_names = "Other names"
case style = "Style"
case use = "Use"
case watering = "Watering"
case id = "id"
case img = "Img"
case url = "Url"
}

}

I think the problem is that each image is a string which contains a link, and to be able to display it in the table view cells I used SDWebImage. The question is how do I do that to display the image in the detail view controller? Thank you for your time. Any help or piece of advice is greatly appreciated :)
UPDATE- I tried to display it like this :
I wrote this in the viewdidload function in the detail view controller:
var selectedImage: String?
if let imageToLoad = selectedImage {
plantImage.image  = UIImage(named: imageToLoad)
}
and then I added this line in the didselectrowat function:
detail.selectedImage = plants[indexPath.row].img
It still doesn't work and I don't know what I am doing wrong
</details>
# 答案1
**得分**: 0
# Swift 5.5, Xcode 14.2
`plantImage.image  = UIImage(named: imageToLoad)` 是错误的，named 用于本地图片，当你想从一个 API 中获取图片，比如 "http://www.tropicopia.com/house-plant/thumbnails/5556.jpg" 时，你需要使用：
Github 示例: https://github.com/MaatheusGois/answer-75361391
```swift
let url = URL(string: image.url)
func downloadImage(from url: URL) {
print("Download Started")
getData(from: url) { data, response, error in
guard data != nil, error == nil else { return }
print(response?.suggestedFilename ?? url.lastPathComponent)
print("Download Finished")
// always update the UI from the main thread
DispatchQueue.main.async { [weak self] in
self?.plantImage.image = UIImage(data: data)
}
}
}
func getData(from url: URL, completion: @escaping (Data?, URLResponse?, Error?) -> Void) {
URLSession.shared.dataTask(with: url, completionHandler: completion).resume()
}

重要（常见错误）

https://developer.apple.com/forums/thread/119977

let url = URL(string: image.url)

func downloadImage(from url: URL) {
    print("Download Started")
    getData(from: url) { data, response, error in
        guard let data = data, error == nil else { return }
        print(response?.suggestedFilename ?? url.lastPathComponent)
        print("Download Finished")
        // always update the UI from the main thread
        DispatchQueue.main.async { [weak self] in
            self?.plantImage.image = UIImage(data: data)
        }
    }
}

func getData(from url: URL, completion: @escaping (Data?, URLResponse?, Error?) -> Void) {
    URLSession.shared.dataTask(with: url, completionHandler: completion).resume()
}