iOS绘图应用：旋转图片上传Firebase后NewsFeedViewController显示异常

你遇到的核心问题是：当前的旋转操作只是修改了UIImageView的transform（视图层面的视觉旋转），并没有真正改变UIImage本身的像素数据和方向信息。所以你上传到Firebase的还是原始的selectedImage，自然在NewsFeed里显示的时候还是原来的样子。

下面是具体的解决步骤：

1. 实现真正修改UIImage的旋转方法 #

首先我们需要一个能生成旋转后UIImage的工具方法，而不是只改视图的变换。推荐利用UIImage的imageOrientation属性来处理（这种方式更高效，仅修改图片元数据，无需重新绘制像素）：

extension UIImage {
    func rotated90DegreesClockwise() -> UIImage? {
        var newOrientation: UIImage.Orientation
        switch imageOrientation {
        case .up: newOrientation = .right
        case .right: newOrientation = .down
        case .down: newOrientation = .left
        case .left: newOrientation = .up
        default: newOrientation = imageOrientation
        }
        
        if let cgImage = cgImage {
            return UIImage(cgImage: cgImage, scale: scale, orientation: newOrientation)
        }
        return nil
    }
}

如果需要自定义任意角度旋转，可以用重新绘制的方式：

extension UIImage {
    func rotated(by degrees: CGFloat) -> UIImage? {
        let radians = degrees * .pi / 180.0
        let rotatedSize = CGRect(origin: .zero, size: size)
            .applying(CGAffineTransform(rotationAngle: radians))
            .integral.size
        
        UIGraphicsBeginImageContext(rotatedSize)
        defer { UIGraphicsEndImageContext() }
        
        guard let context = UIGraphicsGetCurrentContext() else { return nil }
        
        // 调整坐标系中心后旋转绘制
        context.translateBy(x: rotatedSize.width / 2, y: rotatedSize.height / 2)
        context.rotate(by: radians)
        draw(in: CGRect(x: -size.width / 2, y: -size.height / 2, width: size.width, height: size.height))
        
        return UIGraphicsGetImageFromCurrentImageContext()
    }
}

2. 修改旋转按钮逻辑，同步更新实际图片数据 #

把你的rotateImageButton方法改成：不仅更新UIImageView的显示，同时更新selectedImage变量（也就是你要上传的核心图片源）：

@IBAction func rotateImageButton(_ sender: Any) {
    // 1. 获取旋转后的图片
    guard let rotatedImage = selectedImage?.rotated90DegreesClockwise() else { return }
    
    // 2. 更新待上传的图片源
    selectedImage = rotatedImage
    
    // 3. 更新视图显示（直接设置image比单独修改transform更准确）
    photo.image = rotatedImage
}

3. 确保上传的是旋转后的图片 #

你的现有上传代码已经使用了self.selectedImage，只要上面的步骤正确更新了这个变量，那么上传到Firebase的自然就是旋转后的图片数据。后续从Firebase拉取图片时，直接显示就会是用户调整后的最终状态，无需额外处理。

额外注意点 #

• 如果用户多次旋转，每次都要基于当前的selectedImage进行旋转，避免叠加错误的变换。
• 用imageOrientation的方式性能更优，适合固定角度的旋转场景；自定义角度则用重新绘制的方式更灵活。

这样修改后，图片的旋转状态就会被真正保留，上传和下载后都能保持用户调整后的样子。

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