SwiftUI中如何从PhotosPicker保存图片？

你的错误根源在于：SwiftUI的Image是视图组件，没有jpegData方法，jpegData()是UIKit框架中UIImage的专属方法。要解决这个问题，需要在图片加载阶段直接获取UIImage（或原始数据），而不是只保存SwiftUI的Image。

修正步骤： #

1. 调整状态变量，同时保存UIKit的UIImage（用于生成上传数据）和SwiftUI的Image（用于界面显示）
2. 修改图片加载逻辑，从PhotosPickerItem中直接加载UIImage类型
3. 基于UIImage调用jpegData()生成上传所需的二进制数据

完整修正代码： #

import PhotosUI
import SwiftUI
import UIKit // 必须引入UIKit框架才能使用UIImage

struct ContentView: View {
    @State private var avatarItem: PhotosPickerItem?
    @State private var uiAvatarImage: UIImage? // 保存原生UIImage用于生成数据
    @State private var avatarImage: Image? // SwiftUI视图用于界面显示

    var body: some View {
        VStack {
            PhotosPicker("Select avatar", selection: $avatarItem, matching: .images)

            avatarImage?
                .resizable()
                .scaledToFit()
                .frame(width: 300, height: 300)
            
            Button("Upload to Firebase") {
                upload()
            }
            .padding()
            .background(.blue)
            .foregroundColor(.white)
            .cornerRadius(8)
        }
        .onChange(of: avatarItem) { _, newItem in
            Task {
                do {
                    // 直接加载UIImage类型，而非SwiftUI的Image
                    if let loadedImage = try await newItem?.loadTransferable(type: UIImage.self) {
                        uiAvatarImage = loadedImage
                        // 转换为SwiftUI Image用于界面展示
                        avatarImage = Image(uiImage: loadedImage)
                    } else {
                        print("无法加载选中的图片")
                    }
                } catch {
                    print("图片加载出错: \(error.localizedDescription)")
                }
            }
        }
    }
    
    func upload() {
        // 通过UIImage生成JPEG格式数据
        guard let imageData = uiAvatarImage?.jpegData(compressionQuality: 0.9) else {
            print("无法生成图片上传数据")
            return
        }
        
        // 此处写入Firebase上传逻辑，示例代码：
        // let storageRef = Storage.storage().reference().child("avatars/\(UUID().uuidString).jpg")
        // storageRef.putData(imageData, metadata: nil) { metadata, error in
        //     if let error = error {
        //         print("上传失败: \(error)")
        //         return
        //     }
        //     print("图片上传成功")
        // }
    }
}

关键说明： #

• 必须引入UIKit框架才能使用UIImage类型
• 用loadTransferable(type: UIImage.self)直接加载原生图片对象，避免类型转换的额外开销
• 分离保存UIImage和Image，各自承担数据处理和界面显示的职责
• 替换try?为do-catch错误处理，便于排查加载失败的具体原因

内容的提问来源于stack exchange，提问作者A.Roe