iOS上传照片在Android客户端旋转90度：问题定位与修复方法问询

Hey there! Let's break down this cross-platform photo rotation issue step by step—it's super common when dealing with iOS/Android image uploads, so you're not alone. First off, a quick clarification: Base64 encoding doesn't strip Exif metadata—it’s just a text representation of binary data. The problem is either that your iOS code isn’t including the Exif orientation data when generating the Base64 string, or your Android code isn’t reading and applying that orientation info when displaying the image.

Step 1: Diagnose Where the Exif Data Is Getting Lost #

Let’s narrow down the root cause with these checks:

• iOS Side Verification: Before converting the image to Base64, check if the original image data includes the Exif Orientation tag. If you’re using UIImage to generate the image data (like UIImageJPEGRepresentation), that’s likely the issue—UIImage discards Exif metadata when it decodes the image into a bitmap. Instead, you need to use the raw image file data directly from the camera.
• Server Side Check: After receiving the Base64 string, decode it back to a binary image file and use a tool like ExifTool to inspect the metadata. If the Orientation tag is missing here, the problem is in iOS’s encoding step. If it’s present, the issue is on Android’s end (not reading/using the tag).
• Android Side Validation: If the Exif tag exists in the server’s file, confirm your Android code is reading the Orientation value and rotating the image accordingly. Some custom image loading logic skips this step, even though most popular libraries (Glide, Picasso) handle it automatically.

Step 2: Fix the Issue Based on Your Diagnosis #

Fix 1: Ensure iOS Sends Full Exif Metadata #

The most reliable fix is to avoid using UIImage for generating the Base64 string. Instead, grab the raw image file directly from the camera’s output:

• In your UIImagePickerController callback, use the .mediaURL key to get the local file path of the captured photo.
• Read the raw binary data from this file, then convert it to Base64. This preserves all Exif metadata, including the orientation tag.

Fix 2: Handle Rotation on the Server (Optional) #

If you want to simplify client-side logic, you can process the image on the server:

• Decode the Base64 string to a binary file.
• Use an image processing library (like Pillow for Python, ImageMagick for Node.js) to read the Exif orientation, rotate the image to the correct position, and save the rotated image (stripping the orientation tag if needed). This way, both clients get a pre-rotated image that displays correctly without extra work.

Fix 3: Make Android Read and Apply Exif Orientation #

If the Exif data is present but Android isn’t using it, update your image loading code to handle rotation:

• Use ExifInterface to read the Orientation tag from the image file or input stream.
• Apply the corresponding rotation to the bitmap using a Matrix before displaying it.

Quick Code Examples #

iOS: Capture Raw Image Data for Base64 #

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
    guard let mediaURL = info[.mediaURL] as? URL else {
        picker.dismiss(animated: true)
        return
    }
    
    do {
        // Read raw image data (preserves Exif)
        let rawImageData = try Data(contentsOf: mediaURL)
        // Convert to Base64
        let base64String = rawImageData.base64EncodedString(options: .lineLength64Characters)
        // Upload base64String to your server
        uploadToServer(base64String: base64String)
    } catch {
        print("Failed to read raw image data: \(error.localizedDescription)")
    }
    
    picker.dismiss(animated: true)
}

Android: Rotate Image Based on Exif #

fun getRotatedBitmap(imagePath: String): Bitmap? {
    val exif = ExifInterface(imagePath)
    val orientation = exif.getAttributeInt(
        ExifInterface.TAG_ORIENTATION,
        ExifInterface.ORIENTATION_NORMAL
    )
    
    val originalBitmap = BitmapFactory.decodeFile(imagePath) ?: return null
    
    return when (orientation) {
        ExifInterface.ORIENTATION_ROTATE_90 -> rotateBitmap(originalBitmap, 90f)
        ExifInterface.ORIENTATION_ROTATE_180 -> rotateBitmap(originalBitmap, 180f)
        ExifInterface.ORIENTATION_ROTATE_270 -> rotateBitmap(originalBitmap, 270f)
        else -> originalBitmap
    }
}

private fun rotateBitmap(bitmap: Bitmap, degrees: Float): Bitmap {
    val matrix = Matrix()
    matrix.postRotate(degrees)
    return Bitmap.createBitmap(bitmap, 0, 0, bitmap.width, bitmap.height, matrix, true)
}

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