Swift开发：URL转UIImage成功但无法添加至数组问题求助

Hey there! Let's tackle this image loading issue you're facing. From what you described—being able to view images via their URLs but failing to add them to your array—it almost certainly boils down to asynchronous network request behavior. Network calls don't finish instantly, so if you're trying to access the array before the images finish downloading, it'll look like nothing was added. Let's fix this step by step.

Common Pitfalls to Avoid #

First, let's call out the most likely mistakes that might be tripping you up:

• Using synchronous data loading like Data(contentsOf:) on the main thread: This blocks your UI (which Apple discourages) and can lead to unexpected timing issues where your array is accessed before images load.
• Forgetting to handle async callbacks correctly: If you load images in a background thread but don't update your array on the main thread (or wait for all loads to complete), the array won't have the images when you expect it.

Step-by-Step Solution #

Let's rewrite your image loading logic to handle async properly, with safe array updates.

1. Define Your Image Array & Async Loading Function #

First, set up your array and a reusable function to load images from URLs asynchronously:

import Foundation
import UIKit

class PlacesViewController: UIViewController {
    // Your array to store loaded images
    private var placeImages: [UIImage] = []
    // Example list of image URLs from Google Places API
    private let placeImageUrls: [String] = ["YOUR_GOOGLE_PLACES_IMAGE_URL_1", "YOUR_GOOGLE_PLACES_IMAGE_URL_2"]

    override func viewDidLoad() {
        super.viewDidLoad()
        loadAllPlaceImages()
    }

    // Async image loading function with completion closure
    private func loadImage(from urlString: String, completion: @escaping (UIImage?) -> Void) {
        guard let url = URL(string: urlString) else {
            print("Invalid image URL: \(urlString)")
            completion(nil)
            return
        }

        URLSession.shared.dataTask(with: url) { data, response, error in
            // Handle network errors
            if let error = error {
                print("Failed to load image: \(error.localizedDescription)")
                completion(nil)
                return
            }

            // Validate data and convert to UIImage
            guard let imageData = data, let image = UIImage(data: imageData) else {
                print("Invalid image data from URL: \(urlString)")
                completion(nil)
                return
            }

            // Return the image on the main thread (critical for UI/array updates)
            DispatchQueue.main.async {
                completion(image)
            }
        }.resume()
    }

2. Load All Images & Populate the Array #

To ensure all images are loaded before you use the array, use a DispatchGroup to track completion of all async requests:

private func loadAllPlaceImages() {
        let loadingGroup = DispatchGroup()

        for urlString in placeImageUrls {
            loadingGroup.enter() // Mark a task as started
            loadImage(from: urlString) { [weak self] image in
                defer { loadingGroup.leave() } // Mark task as finished, even if it fails

                guard let self = self, let loadedImage = image else { return }
                self.placeImages.append(loadedImage)
            }
        }

        // Run code once ALL images are loaded (or failed)
        loadingGroup.notify(queue: .main) { [weak self] in
            guard let self = self else { return }
            print("All images loaded! Array count: \(self.placeImages.count)")
            // Here's where you can update your UI (e.g., reload a collection/table view)
            self.updateUIWithLoadedImages()
        }
    }

    private func updateUIWithLoadedImages() {
        // Example: Reload a collection view that displays the images
        // yourCollectionView.reloadData()
    }
}

Key Notes for Success #

• Thread Safety: Always update your array and UI on the main thread (we do this with DispatchQueue.main.async).
• Memory Management: Use [weak self] in closures to avoid memory leaks.
• Error Handling: The code includes print statements to debug invalid URLs, network errors, or corrupt image data.
• Caching: For better performance, add an NSCache to store loaded images so you don't re-download them repeatedly.

内容的提问来源于stack exchange，提问作者David Chopin