iOS相机上传至Firebase的图片在Android和Web端左偏90度求助

这个问题我太熟悉了！核心原因是iOS相机拍摄的照片自带EXIF方向标记，但上传时没被正确处理：iOS的UIImage会自动根据EXIF显示正确方向，但你直接用UIImageJPEGRepresentation转Data上传时，原始像素数据其实是旋转的（只是EXIF标记告诉iOS要转回来）。Firebase Storage的预览服务会自动读取EXIF调整显示，但Android和Web端的图片加载逻辑通常不会默认处理这个标记，就导致显示向左转90度了。

解决步骤： #

1. 添加图片方向修正函数
   先把带EXIF方向的UIImage重新绘制，生成一个像素本身方向正确的图片，这样就不需要依赖EXIF标记了：

   func fixImageOrientation(_ image: UIImage) -> UIImage {
       // 如果图片方向已经正确，直接返回
       if image.imageOrientation == .up {
           return image
       }
       
       // 根据图片尺寸创建绘图上下文
       UIGraphicsBeginImageContextWithOptions(image.size, false, image.scale)
       // 按正确方向绘制图片
       image.draw(in: CGRect(x: 0, y: 0, width: image.size.width, height: image.size.height))
       // 获取修正后的图片
       let normalizedImage = UIGraphicsGetImageFromCurrentImageContext()!
       UIGraphicsEndImageContext()
       
       return normalizedImage
   }
   

2. 修改图片选择和上传代码
   在获取图片后先修正方向，上传时用修正后的图片转Data：

   func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) { 
       let originalImage = info[UIImagePickerControllerOriginalImage] as! UIImage
       // 修正图片方向
       let fixedImage = fixImageOrientation(originalImage)
       
       dismiss(animated: true, completion: nil) 
       DispatchQueue.main.async {
           self.imageView.image = fixedImage
       } 
   } 
   
   func uploadImageOnStorage() { 
       let metaData = StorageMetadata() 
       metaData.contentType = "image/jpeg" 
       let storageRef = storage.reference().child("Photos/\(self.timeStampString)") 
       
       // 使用修正后的图片生成上传数据
       guard let fixedImage = self.imageView.image,
             let uploadImage = UIImageJPEGRepresentation(fixImageOrientation(fixedImage), 0.1) else {
           // 处理图片为空的情况
           return
       }
       
       storageRef.putData(uploadImage, metadata: metaData) { (metadata, error) in 
           if let error = error {
               // 显示错误提示
               print("上传失败：\(error.localizedDescription)")
               return
           } 
           
           if let imageUrl = metadata?.downloadURL()?.absoluteString { 
               // 将imageUrl上传到Firebase Database
               print("图片URL：\(imageUrl)")
           } 
       }
   }
   

为什么这样有效？ #

修正后的图片像素本身就是正确的方向，不再依赖EXIF方向标记。这样不管是Android、Web还是其他平台加载图片时，都不需要额外处理方向，就能正常显示了。而Firebase Storage的预览本来就会处理EXIF，所以之前直接打开URL显示正常，现在上传修正后的图片后，所有平台的显示效果都会一致。

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