SwiftUI实现多选图片并在按钮点击后打印图片路径

要实现多选图片并在点击按钮后打印路径，你需要替换原有的UIImagePickerController为PHPickerViewController（iOS 14+推荐使用，原生支持多选），同时调整数据存储和打印逻辑：

1. 权限配置 #

首先在Info.plist中添加相册访问权限描述，避免运行时崩溃：

<key>NSPhotoLibraryUsageDescription</key>
<string>需要访问您的相册以选择图片</string>

2. 重构图片选择器代码 #

替换原ImagePicker为支持多选的PHPicker实现：

import SwiftUI
import PhotosUI

struct ImagePicker: UIViewControllerRepresentable {
    class Coordinator: NSObject, PHPickerViewControllerDelegate {
        let parent: ImagePicker
        
        init(_ parent: ImagePicker) {
            self.parent = parent
        }
        
        func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
            // 遍历选中结果，提取图片URL
            for result in results {
                if result.itemProvider.canLoadObject(ofClass: URL.self) {
                    result.itemProvider.loadObject(ofClass: URL.self) { [weak self] url, error in
                        guard let imageURL = url as? URL, error == nil else { return }
                        DispatchQueue.main.async {
                            self?.parent.selectedImageURLs.append(imageURL)
                        }
                    }
                }
            }
            parent.showImagePicker = false
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    @Binding var showImagePicker: Bool
    @Binding var selectedImageURLs: [URL] // 专门存储选中图片的URL
    
    func makeUIViewController(context: Context) -> PHPickerViewController {
        var configuration = PHPickerConfiguration()
        configuration.filter = .images // 仅允许选择图片
        configuration.selectionLimit = 0 // 0表示无限制多选
        let picker = PHPickerViewController(configuration: configuration)
        picker.delegate = context.coordinator
        return picker
    }
    
    func updateUIViewController(_ uiViewController: PHPickerViewController, context: Context) {}
}

3. 调整主视图逻辑 #

添加存储URL的状态变量和触发打印的按钮：

struct ImagePickerView: View {
    @State private var showImagePicker = false
    @State private var selectedImageURLs = [URL]() // 存储选中的图片URL
    
    var body: some View {
        VStack(spacing: 20) {
            Button("Select Images") {
                showImagePicker = true
            }
            .sheet(isPresented: $showImagePicker) {
                ImagePicker(showImagePicker: $showImagePicker, selectedImageURLs: $selectedImageURLs)
            }
            
            Button("Print Selected Paths") {
                // 点击按钮时批量打印所有选中图片的路径
                selectedImageURLs.forEach { url in
                    print("Image Path: \(url.path)")
                }
            }
            .disabled(selectedImageURLs.isEmpty) // 无选中图片时按钮禁用
        }
        .padding()
    }
}

struct ImagePickerViewPreviews: PreviewProvider {
    static var previews: some View {
        ImagePickerView()
    }
}

关键修改说明 #

• 多选支持：通过PHPickerConfiguration的selectionLimit = 0开启无限制多选，替代不支持多选的UIImagePickerController
• 路径存储：新增selectedImageURLs变量专门存储图片路径，而非仅存储UIImage
• 延迟打印：将打印逻辑从选择完成回调移到独立按钮的点击事件，满足"点击按钮后打印"的需求
• 体验优化：添加按钮禁用状态，避免无选中时的无效操作

内容的提问来源于stack exchange，提问作者Tyrel Smith