SwiftUI PhotosPicker图片转UIImage后尺寸为{0,0}问题求助

问题根源 #

你遇到的核心问题是错误地将SwiftUI的Image视图类型转为UIImage。SwiftUI的Image只是用于界面渲染的视图容器，并不持有原始图片像素数据。你使用的.toUIImage()扩展（SwiftUI原生无此方法）本质是对视图做快照，但由于视图未绑定有效像素源，最终得到尺寸为(0,0)的空UIImage，自然无法生成可用的图片数据。

正确解决方案 #

直接从PhotosPickerItem加载原始的UIImage或图片数据，跳过SwiftUI Image的中间转换，既能保证获取真实图片内容，也能直接用于Firebase上传。

修改后的完整代码

import SwiftUI
import PhotosUI
import FirebaseStorage // 确保导入Firebase Storage

struct ContentView: View {
    @State private var avatarUIImage: UIImage? // 存储原始UIImage
    @State private var avatarItem: PhotosPickerItem?

    var body: some View {
        VStack(spacing: 20) {
            PhotosPicker("选择图片", selection: $avatarItem, matching: .images)
            
            // 用UIImage生成SwiftUI视图展示
            if let avatarUIImage = avatarUIImage {
                Image(uiImage: avatarUIImage)
                    .resizable()
                    .frame(width: 200, height: 200)
                    .scaledToFill()
                    .clipShape(Circle())
            }
            
            Button(action: handleRegister) {
                Text("注册")
                    .padding()
                    .background(Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(8)
            }
        }
        .padding()
        .onChange(of: avatarItem, perform: loadImageFromPicker)
    }
    
    // 从PhotosPickerItem加载UIImage
    private func loadImageFromPicker(_ newItem: PhotosPickerItem?) {
        Task {
            guard let newItem = newItem else {
                avatarUIImage = nil
                return
            }
            
            do {
                if let loadedImage = try await newItem.loadTransferable(type: UIImage.self) {
                    avatarUIImage = loadedImage
                } else {
                    print("无法加载图片为UIImage类型")
                }
            } catch {
                print("加载图片出错：\(error.localizedDescription)")
            }
        }
    }
    
    // 处理注册与上传逻辑
    private func handleRegister() {
        guard let image = avatarUIImage else {
            print("请先选择图片")
            return
        }
        
        // 转换为JPEG数据
        guard let imageData = image.jpegData(compressionQuality: 0.8) else {
            print("图片转JPEG数据失败")
            return
        }
        
        // 上传到Firebase Storage
        let storageRef = Storage.storage().reference().child("avatars/\(UUID().uuidString).jpg")
        storageRef.putData(imageData, metadata: nil) { metadata, error in
            if let error = error {
                print("上传失败：\(error.localizedDescription)")
            } else {
                print("上传成功，图片元数据：\(metadata ?? StorageMetadata())")
                // 可选：获取下载URL
                storageRef.downloadURL { url, error in
                    if let downloadURL = url {
                        print("图片下载URL：\(downloadURL)")
                    }
                }
            }
        }
    }
}

关键说明 #

1. 直接加载UIImage类型：通过PhotosPickerItem.loadTransferable(type: UIImage.self)直接获取系统相册中的原始图片数据，避免视图层面的无效转换。
2. 分离展示与数据：用UIImage生成SwiftUI的Image用于界面展示，同时保留UIImage用于后续的上传处理。
3. 错误处理：添加了完整的错误捕获逻辑，便于排查加载或上传过程中的问题。

内容的提问来源于stack exchange，提问作者john doe