Trouble with Swift 4 Alamofire and encoding UIImage

Question

Having trouble sending a UIImage to my server API with post and Swift 4, Xcode 10 and Alamofire. The error I get in Xcode is The data couldn’t be written because it isn’t in the correct format. Thanks in advance for your help.

    func saveImage(image: UIImage?) {
    guard let imageToSave = image else {
        return
    }
    guard let imageData = imageToSave.pngData() else {
        return
    }
    let jsonUrlString = "http://192.168.1.5:8080/json/\(imageData)/uploadUserImage"
    let encoder = JSONEncoder()
    encoder.outputFormatting = .prettyPrinted

    do {
        let jsonData = try encoder.encode(imageData)

        postImageAF(url: jsonUrlString, data: jsonData) { (err, result) in
            if(err != nil) {
                print("error in postWithAlamofire \(err!.localizedDescription)")
                return
            }
            print("result in postWithAlamofire \(result ?? "no result")")
        }
    } catch {
        print(error.localizedDescription)
        print("error in postWithAlamofire \(error.localizedDescription)")
    }
}

func postImageAF(url: String, data: Data, callback: @escaping (Error?, String?) -> Void) {

    var request = URLRequest(url: URL(string: url)!)
    request.httpMethod = "POST"
    request.setValue("application/json", forHTTPHeaderField: "Content-Type")
    request.httpBody = data

    Alamofire.request(request).responseData { response in
         print("Request: \(String(describing: response.request))")   // original url request
        print("Response: \(String(describing: response.response))") // http url response
        print("Result: \(response.result)")                         // response serialization result
    }
}

Answer 1

If you are using multipartFormData type in server side please follow as like below code to upload your image:

let imgData = newImage.jpegData(compressionQuality: 0.2)!

let imageName = "testImage.jpg"

Alamofire.upload(multipartFormData: { multipartFormData in


    multipartFormData.append(imgData, withName: "file",fileName: imageName, mimeType: "image/jpeg")

}, to:urlString) { (result) in
switch result {

case .success(let upload, _, _):

upload.uploadProgress(closure: { (progress) in
print("Upload Progress: \(progress.fractionCompleted)")
})

upload.responseJSON { response in
print("response.result :\(String(describing: response.result.value))")
}

case .failure(let encodingError):
print(encodingError)
}
}