从URL加载图片的Swift常见问题与解答

引言：为什么这个问题如此热门？

每个至少写过一次iOS应用的人，都遇到过这个任务：“如何在我的应用中显示来自网络的图片？”在Stack Overflow上，“Loading/Downloading image from URL on Swift” 这个问题获得了数千次浏览和数百个回答。为什么？因为这是iOS网络开发的基础。虽然看起来很简单——获取URL、下载数据、显示——但实际上，开发者会遇到许多陷阱：主线程阻塞、内存泄漏、缺少缓存以及性能缓慢。

在本文中，我们将分析所有在Swift中从URL加载图片的流行方法，回答常见问题，并提供可以直接在项目中使用的代码示例。

1. 最简单的方法：URLSession + Data

我们从经典方法开始。在Swift中，使用URLSession通过网络下载数据。以下是最小可工作代码的样子：

import UIKit\n\nfunc loadImage(from urlString: String, completion: @escaping (UIImage?) -> Void) {\n    guard let url = URL(string: urlString) else {\n        completion(nil)\n        return\n    }\n    \n    URLSession.shared.dataTask(with: url) { data, response, error in\n        guard let data = data, error == nil else {\n            completion(nil)\n            return\n        }\n        let image = UIImage(data: data)\n        DispatchQueue.main.async {\n            completion(image)\n        }\n    }.resume()\n}\n

重要提示： 我们通过DispatchQueue.main.async将结果传递到主线程。如果不这样做，当尝试从后台线程更新UI时，可能会导致崩溃。

如何使用：

loadImage(from: "https://example.com/image.jpg") { image in\n    self.imageView.image = image\n}\n

这种方法适用于简单的项目，当只需要加载1-2张图片时。但对于实际应用来说，它并不理想：没有缓存，没有错误处理，并且在滚动表格时会卡顿。

2. 现代方法：async/await (Swift 5.5+)

从iOS 15和Swift 5.5开始，可以使用async/await以命令式风格编写异步代码。加载图片变得优雅且易读：

import UIKit\n\nfunc loadImageAsync(from urlString: String) async throws -> UIImage? {\n    guard let url = URL(string: urlString) else {\n        throw URLError(.badURL)\n    }\n    \n    let (data, _) = try await URLSession.shared.data(from: url)\n    return UIImage(data: data)\n}\n

在SwiftUI中使用：

struct ContentView: View {\n    @State private var image: UIImage?\n    \n    var body: some View {\n        VStack {\n            if let image = image {\n                Image(uiImage: image)\n                    .resizable()\n                    .scaledToFit()\n            } else {\n                ProgressView()\n            }\n        }\n        .task {\n            do {\n                image = try await loadImageAsync(from: "https://example.com/image.jpg")\n            } catch {\n                print("加载错误: \\(error)")\n            }\n        }\n    }\n}\n

为什么这很棒？ 代码变得线性，没有嵌套闭包，易于阅读。然而，缓存问题仍然存在——我们仍然每次重新下载图片。

3. 缓存：如何不消耗用户的流量

新手最常问的问题是：“为什么每次滚动表格时我的图片都会重新加载？”答案很简单——你没有使用缓存。

iOS内置了URLCache，可以为URLSession配置。但对于图片，最好使用NSCache——它会自动