How to upload image using multipart request with Moya Swift? - ios

Question

I'm using Moya 10.0.1 and I'm having a problem when I'm trying to upload an image to the server.
I did follow the Multipart Upload example and this is my setup code:
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 "/postuserimage"
}
}
public var method: Moya.Method {
switch self {
default: return .post
}
}
public var task: Task {
switch self {
case .updateUserAvatar(let parameters):
let imageData = UIImagePNGRepresentation(parameters.image) ?? Data()
let userIdData = parameters.userId.string.data(using: String.Encoding.utf8) ?? Data()
let imageMultipartFormData = MultipartFormData(provider: .data(imageData), name: "img", fileName: "user_avatar.jpeg", mimeType: "image/jpeg")
let userIdMultipartFormData = MultipartFormData(provider: .data(userIdData), name: "cusId")
return .uploadMultipart([imageMultipartFormData, userIdMultipartFormData])
}
}
public var sampleData: Data {
return Data()
}
public var headers: [String : String]? {
switch self {
case .updateUserAvatar: return ["Content-type" : "multipart/form-data"]
default: return ["Content-type" : "application/json"]
}
}
}
However, when I make a request, I got an MoyaError:
let parameters = UpdateUserAvatarParameters(userId: 1, image: pickedImage)
provider.request(.updateUserAvatar(parameters: parameters), completion: { result in
switch result {
case .success(let response):
do {
try _ = response.filterSuccessfulStatusCodes()
print("200 - 299: \(response.data)")
} catch {
print(error) // This code will run because the statusCode is 500
}
case .failure(let error):
print("Failure: \(error)")
}
})
I have no idea about what I did wrong, I also don't know what is statusCode 500? Does anyone know why?
Addition, when I make a request with Alamofire with the same setup (url, parameters...), everything works normally:
Alamofire.upload(multipartFormData: { multipartFormData in
let imageData = UIImagePNGRepresentation(pickedImage) ?? Data()
let userIdData = userId.string.data(using: String.Encoding.utf8) ?? Data()
multipartFormData.append(imageData, withName: "img", fileName: "user_avatar.jpeg", mimeType: "image/jpeg")
multipartFormData.append(userIdData, withName: "cusId")
}, to: "http://domain/api/postuserimage", encodingCompletion: { result in
switch result {
case .success(let upload, _, _):
upload.uploadProgress(closure: { progress in
print("Upload Progress: \(progress.fractionCompleted)")
})
upload.responseJSON(completionHandler: { response in
print(response.result.value)
})
case .failure(let encodingError):
print(encodingError)
}
})

Answer 1

var task: Task {
switch self {
case .updateProfilePic(let memberID, let image):
let imageData = UIImageJPEGRepresentation(image, 1.0)
let memberIdData = memberID.data(using: String.Encoding.utf8) ?? Data()
var formData: [Moya.MultipartFormData] = [Moya.MultipartFormData(provider: .data(imageData!), name: "user_img", fileName: "user.jpeg", mimeType: "image/jpeg")]
formData.append(Moya.MultipartFormData(provider: .data(memberIdData), name: "member_id"))
return .uploadMultipart(formData)
}
In Moya multipart request we have to pass parameter as multipartdata form along with it's key name.

Answer 2

complete detail of uploading image using multipart request with Moya Swift.
setp 1
import Foundation
import Moya
enum ImageService {
case updateUserAvatar(user_id: Int, cover_image: UIImage)
}
extension ImageService: TargetType {
public var baseURL: URL { return URL(string: "https://api.shoclef.com/api")! }
public var path: String {
switch self {
case .updateUserAvatar(_,_): return "/updatecoverimage"
}
}
public var method: Moya.Method {
switch self {
case .updateUserAvatar(_, _):
return .post
}
}
var task: Task {
switch self {
case .updateUserAvatar(let user_id, let cover_image):
let imageData = UIImageJPEGRepresentation(cover_image, 1.0)
let memberIdData = "\(user_id)".data(using: String.Encoding.utf8) ?? Data()
var formData: [Moya.MultipartFormData] = [Moya.MultipartFormData(provider: .data(imageData!), name: "cover_image", fileName: "asdas.png", mimeType: "image/jpeg")]
formData.append(Moya.MultipartFormData(provider: .data(memberIdData), name: "user_id"))
return .uploadMultipart(formData)
}
}
public var sampleData: Data {
return Data()
}
public var headers: [String : String]? {
switch self {
case .updateUserAvatar: return ["Content-type" : "application/json"]
}}}
step 2
#IBOutlet weak var myImage: UIImageView!
var provider = MoyaProvider<ImageService>()
#IBAction func uploadImage(_ sender: UIButton) {
provider.request(ImageService.updateUserAvatar(user_id: 1163, cover_image: myImage.image!)) { result in
switch result {
case .success(let response):
do {
let image = try JSONDecoder().decode(Updatecoverimage.self, from: response.data)
print(image.data)
} catch {
print(error) // This code will run because the statusCode is 500
}
case .failure(let error):
print("Failure: \(error)")
}
}
}
}
struct Updatecoverimage: Codable {
let status, data: String
}