SwiftUI编辑页仅上传新图片的实现方法咨询

核心思路是改造selectedImages的数据结构，通过标记区分「已有下载图片」和「新选择图片」，展示时统一取图片内容，上传时只筛选新图即可。

步骤1：定义带类型标记的图片容器 #

你可以用枚举或者结构体封装图片和类型信息，二选一即可：

方式一：使用枚举（类型区分更清晰） #

enum EditorImage {
    // 已有图片：保存UIImage和原URL（后续需删除旧图时也能用到）
    case existing(UIImage, originalURL: URL)
    // 新选择图片：仅保存UIImage
    case new(UIImage)
}

方式二：使用结构体（实现更简洁） #

struct EditorImage {
    let image: UIImage
    let isNew: Bool
    let originalURL: URL? // 旧图赋值URL，新图赋值nil
}

步骤2：替换原有数组类型 #

把原来的selectedImages: [UIImage]改成对应类型：

// 枚举方式
@State private var selectedImages: [EditorImage] = []

// 结构体方式
@State private var selectedImages: [EditorImage] = []

步骤3：分别处理新旧图片的存入逻辑 #

处理已有图片的下载与存入 #

下载旧图后，按对应类型封装存入数组：

// 枚举方式示例
if let imageURL = post.imageURLs.first {
    URLSession.shared.dataTask(with: imageURL) { data, _, _ in
        guard let data = data, let image = UIImage(data: data) else { return }
        DispatchQueue.main.async {
            selectedImages.append(.existing(image, originalURL: imageURL))
        }
    }.resume()
}

// 结构体方式示例
if let imageURL = post.imageURLs.first {
    URLSession.shared.dataTask(with: imageURL) { data, _, _ in
        guard let data = data, let image = UIImage(data: data) else { return }
        DispatchQueue.main.async {
            selectedImages.append(EditorImage(image: image, isNew: false, originalURL: imageURL))
        }
    }.resume()
}

处理新选择图片的存入 #

从UIImagePickerController拿到图片后，按新图类型封装：

// 图片选择回调（枚举方式）
func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
    picker.dismiss(animated: true)
    if let image = info[.originalImage] as? UIImage {
        selectedImages.append(.new(image))
    }
}

// 图片选择回调（结构体方式）
func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
    picker.dismiss(animated: true)
    if let image = info[.originalImage] as? UIImage {
        selectedImages.append(EditorImage(image: image, isNew: true, originalURL: nil))
    }
}

步骤4：统一展示图片 #

不管新旧，直接取出图片内容展示：

// 枚举方式展示代码
ForEach(selectedImages.indices, id: \.self) { index in
    let editorImage = selectedImages[index]
    switch editorImage {
    case .existing(let image, _), .new(let image):
        Image(uiImage: image)
            .resizable()
            .scaledToFit()
            .frame(height: 150)
    }
}

// 结构体方式展示代码
ForEach(selectedImages.indices, id: \.self) { index in
    Image(uiImage: selectedImages[index].image)
        .resizable()
        .scaledToFit()
        .frame(height: 150)
}

步骤5：仅上传新选择的图片 #

筛选出标记为「新图」的内容，执行上传逻辑：

// 枚举方式筛选上传图
let newImagesToUpload = selectedImages.compactMap { editorImage in
    switch editorImage {
    case .new(let image):
        return image
    case .existing:
        return nil
    }
}
// 用newImagesToUpload执行上传操作

// 结构体方式筛选上传图
let newImagesToUpload = selectedImages
    .filter { $0.isNew }
    .map { $0.image }
// 用newImagesToUpload执行上传操作

这样就能完美区分新旧图片，只上传用户新选择的内容，同时不影响原有图片的展示。

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