如何使用Moya Swift 10.0.1通过Multipart请求上传图片？

Hey there! I see you're stuck trying to upload a user avatar with Moya 10.0.1. Your current code snippet is missing some critical pieces needed for handling multipart form data—let's fill those gaps and get your upload working smoothly.

First, let's complete your APITarget extension with all required TargetType properties, focusing on the task property which is the heart of multipart upload logic:

import Moya
import UIKit

typealias UpdateUserAvatarParameters = (userId: Int, image: UIImage)

enum APITarget {
    case updateUserAvatar(parameters: UpdateUserAvatarParameters)
}

extension APITarget: TargetType {
    public var baseURL: URL {
        return URL(string: "http://domain/api")!
    }
    
    public var path: String {
        switch self {
        case .updateUserAvatar:
            return "/postuseravatar" // Replace with your actual endpoint path
        }
    }
    
    public var method: Moya.Method {
        return .post // Uploads almost always use POST requests
    }
    
    public var task: Task {
        switch self {
        case .updateUserAvatar(let params):
            // Convert UIImage to Data (adjust compression quality to balance size and quality)
            guard let imageData = params.image.jpegData(compressionQuality: 0.8) else {
                // Handle invalid image case (e.g., empty image)
                return .requestPlain
            }
            
            // Build multipart form data parts that match your server's expected fields
            let multipartFormData = [
                MultipartFormData(
                    provider: .data(imageData),
                    name: "avatar", // Must match the server's expected field name for the image
                    fileName: "user_avatar.jpg",
                    mimeType: "image/jpeg"
                ),
                MultipartFormData(
                    provider: .data("\(params.userId)".data(using: .utf8)!),
                    name: "user_id" // Match server's field name for user ID
                )
            ]
            
            return .uploadMultipart(multipartFormData)
        }
    }
    
    public var validationType: ValidationType {
        return .successCodes // Adjust if your server uses non-standard success codes
    }
    
    public var sampleData: Data {
        return Data() // Add sample response data here if you need it for testing
    }
    
    public var headers: [String: String]? {
        return nil // Moya automatically sets multipart headers, so you don't need to define them here
    }
}

Quick Tips to Avoid Common Pitfalls: #

• Image Data Conversion: If you're using PNG images instead of JPEG, swap jpegData() with pngData() and update the mimeType to "image/png".
• Field Name Matching: Double-check that the name values in MultipartFormData exactly match what your server expects (e.g., if the server looks for "profile_image" instead of "avatar", adjust that immediately).
• Moya 10.x Quirks: In older Moya versions like 10.0.1, the Task enum uses uploadMultipart instead of newer variants like .multipart—don't mix these up!
• Error Handling: Add checks for image data conversion failures (like the guard statement above) to avoid silent failures.

Once you've got this set up, you can use your Moya provider to send the request like this:

let provider = MoyaProvider<APITarget>()
let avatarParams = UpdateUserAvatarParameters(userId: 123, image: yourSelectedUIImage)

provider.request(.updateUserAvatar(parameters: avatarParams)) { result in
    switch result {
    case .success(let response):
        print("Avatar uploaded successfully! Response: \(response)")
        // Handle server's success response here
    case .failure(let error):
        print("Upload failed: \(error.localizedDescription)")
        // Debug the error (check network connection, server status, or field mismatches)
    }
}

Just make sure your server endpoint is configured to accept multipart form data with the correct field names, and you should be all set!

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