Upload files with parameters from multipartformdata using alamofire 5 in ios swift

Question

I am trying upload files with parameters (multipartformdata) but i can't do it with new version Alamofire 5, if you have some experience with Alamofire 5 please share it with me.

 func uploadPluckImage(imgData : Data, imageColumnName : String,  url:String,httpmethod:HTTPMethod,completionHandler: @escaping (NSDictionary?, String?) -> ()){
    let token = UserDefaults.standard.string(forKey: PrefKeys.loginToken) ?? ""
    let authorization = ["Authorization" : "Bearer \(token)"]
    let parameters: Parameters?
    parameters = [
        "garbageCollector": 0,
        "stuff_uuid": "2b4b750a-f4a6-4d61-84ce-7c42b5c030ee",
        "delete_file" : ""
    ]
    let headers : HTTPHeader?
    headers = ["Authorization" : "Bearer \(token)"]
    let imageURl = "http://68.183.152.132/api/v1/stuff/uploader"
    
 
    AF.upload(multipartFormData: { (multipart: MultipartFormData) in
        let imageData = self.firstImage.image?.jpegData(compressionQuality: 0.7)
            multipart.append(imageData, withName: "file", fileName: "file.png", mimeType: "image/png")
        
        for (key, value) in parameters!{
            multipart.append(value as! String).data(using: .utf8)!, withName: key)
        }
    },usingThreshold: UInt64.init(),
       to: imageURl,
       method: .post,
       headers: headers,
       encodingCompletion: { (result) in
        switch result {
        case .success(let upload, _, _):
            upload.uploadProgress(closure: { (progress) in
              print("Uploading")
            })
            break
        case .failure(let encodingError):
            print("err is \(encodingError)")
                break
            }
        })
}

score 26 · Answer 1 · edited May 12 '20 at 21:00

Upload method slightly changed in Alamofire 5

func upload(image: Data, to url: Alamofire.URLRequestConvertible, params: [String: Any]) {
    AF.upload(multipartFormData: { multiPart in
        for (key, value) in params {
            if let temp = value as? String {
                multiPart.append(temp.data(using: .utf8)!, withName: key)
            }
            if let temp = value as? Int {
                multiPart.append("\(temp)".data(using: .utf8)!, withName: key)
            }
            if let temp = value as? NSArray {
                temp.forEach({ element in
                    let keyObj = key + "[]"
                    if let string = element as? String {
                        multiPart.append(string.data(using: .utf8)!, withName: keyObj)
                    } else
                        if let num = element as? Int {
                            let value = "\(num)"
                            multiPart.append(value.data(using: .utf8)!, withName: keyObj)
                    }
                })
            }
        }
        multiPart.append(image, withName: "file", fileName: "file.png", mimeType: "image/png")
    }, with: url)
        .uploadProgress(queue: .main, closure: { progress in
            //Current upload progress of file 
            print("Upload Progress: \(progress.fractionCompleted)")
        })
        .responseJSON(completionHandler: { data in
            //Do what ever you want to do with response
        })
}

Hope this will help you

EDIT: In case you don't quite get the above, here is an expansion:

let uploadRequest: UploadRequest = AF.upload(multipartFormData: multipartFormData, with: ...)
let completionHander: (AFDataResponse<Any>) -> Void) = { result in
    //Do what ever you want to do with response, which is a DataResponse<Success, AFError>
}
// Adds that completion hander to the UploadRequest
uploadRequest.responseJSON(completionHandler: completionHander)

I get Cannot convert value of type '(_) -> ()' to expected argument type 'MultipartFormData' — Ahmadreza, Jul 27 '19 at 08:24
@DiaaSAlAm AF.upload has different falvour please check that method you will find header parameter there — Ajay Singh Mehra, Nov 12 '19 at 06:53
@AjaySinghMehra how can we handle the failure case in this scenario? — Mumtaz Hussain, Dec 03 '19 at 07:43
@AjaySinghMehra add code to handle failure case, without that the answer is incomplete. please add — Arshad Shaik, Mar 17 '22 at 09:09
@AjaySinghMehra can you edit your answer with below code, i could not able to do it. Refer below link for failure handling. https://stackoverflow.com/a/63556326/5581345 — Arshad Shaik, Mar 17 '22 at 09:51

score 5 · Answer 2 · answered May 27 '19 at 06:25

This how I upload images and videos from a swift 5 app with Alamofire 5.

Images

    /**
     Send Image to server
     */

    func Post(imageOrVideo : UIImage?){  

    let headers: HTTPHeaders = [
        /* "Authorization": "your_access_token",  in case you need authorization header */
        "Content-type": "multipart/form-data"
    ]


        AF.upload(
            multipartFormData: { multipartFormData in
                multipartFormData.append(imageOrVideo!.jpegData(compressionQuality: 0.5)!, withName: "upload_data" , fileName: "file.jpeg", mimeType: "image/jpeg")
        },
            to: "http://ip.here.--.--/new.php", method: .post , headers: headers)
            .response { resp in
                print(resp)               

        }
}

You can create a temporary resource and use the temporary url (good for videos):

/**
 Send video to server
 */
func PostVideoUrl(url : URL){

    let headers: HTTPHeaders = [
        "Content-type": "multipart/form-data"
    ]        

    AF.upload(
        multipartFormData: { multipartFormData in
            multipartFormData.append(url, withName: "upload_data" , fileName: "movie.mp4", mimeType: "video/mp4")
    },
        to: "http://ip.here.--.--/newVideo.php", method: .post , headers: headers)
        .response { resp in
            print(resp)

    }

}

Where is video URL (can you please add sample URL of video)? — Vivek, Jun 27 '19 at 10:19
Does not work. This seems outdated. Using Swift 5, Alamofire 5 and the error (not even build) is `Extra arguments at positions #2, #3, #4 in call`. — Amit, Jun 21 '20 at 01:58

Mayank Palotra · Answer 3 · 2020-09-11T13:09:56.700

This Is work for me Using Swift 4.2 Please try this

let url = "http://google.com" /* your API url */

let headers: HTTPHeaders = [
    /* "Authorization": "your_access_token",  in case you need authorization header */
    "Content-type": "multipart/form-data"
]

Alamofire.upload(multipartFormData: { (multipartFormData) in
    for (key, value) in parameters {
        multipartFormData.append("\(value)".data(using: String.Encoding.utf8)!, withName: key as String)
    }
    
    if let data = imageData{
        multipartFormData.append(data, withName: "image", fileName: "image.png", mimeType: "image/png")
    }
    
}, usingThreshold: UInt64.init(), to: url, method: .post, headers: headers) { (result) in
    switch result{
    case .success(let upload, _, _):
        upload.responseJSON { response in
            print("Succesfully uploaded")
            if let err = response.error{
                onError?(err)
                return
            }
            onCompletion?(nil)
        }
    case .failure(let error):
        print("Error in upload: \(error.localizedDescription)")
        onError?(error)
    }
}

score 1 · Answer 4 · edited Sep 28 '20 at 01:59

func upload(image: Data, to url: URL, params: [String: Any]) {
    let block = { (multipart: MultipartFormData) in
        URLEncoding.default.queryParameters(params).forEach { (key, value) in
            if let data = value.data(using: .utf8) {
                multipart.append(data, withName: key)
            }
        }
        multiPart.append(image, withName: "file", fileName: "file.png", mimeType: "image/png")
    }


    AF.upload(multipartFormData: block, to: url)
        .uploadProgress(queue: .main, closure: { progress in
            //Current upload progress of file 
            print("Upload Progress: \(progress.fractionCompleted)")
        })
        .responseJSON(completionHandler: { data in
            //Do what ever you want to do with response
        })
}

extension URLEncoding {
    public func queryParameters(_ parameters: [String: Any]) -> [(String, String)] {
        var components: [(String, String)] = []
        
        for key in parameters.keys.sorted(by: <) {
            let value = parameters[key]!
            components += queryComponents(fromKey: key, value: value)
        }
        return components
    }
}

score 0 · Answer 5 · answered Nov 08 '19 at 16:44

Upload two images with parameters with Headers , Using Alamofire 5

i solve this issue try this code ..

//MARK: Upload Images with Params API's

func upload(icon: Data, image : Data, params: [String: Any]) {
    let urlString = "Your URL String "
    let headers: HTTPHeaders =
        ["Content-type": "multipart/form-data",
        "Accept": "application/json"]
    AF.upload(
        multipartFormData: { multipartFormData in
            for (key, value) in params {
                if let temp = value as? String {
        multipartFormData.append(temp.data(using: .utf8)!, withName: key)}

    if let temp = value as? Int {
    multipartFormData.append("(temp)".data(using: .utf8)!, withName: key)}

    if let temp = value as? NSArray {
        temp.forEach({ element in
            let keyObj = key + "[]"
            if let string = element as? String {
                multipartFormData.append(string.data(using: .utf8)!, withName: keyObj)
            } else
                if let num = element as? Int {
                    let value = "(num)"
                    multipartFormData.append(value.data(using: .utf8)!, withName: keyObj)
            }
        })
    }
}
            multipartFormData.append(icon, withName: "icon", fileName: "icon.png", mimeType: "icon/png")

            multipartFormData.append(image, withName: "registerImage", fileName: "registerImage.png", mimeType: "registerImage/png")
    },
        to: urlString, //URL Here
        method: .post,
        headers: headers)
        .responseJSON { (resp) in
            defer{SVProgressHUD.dismiss()}
            print("resp is \(resp)")
    }
}##

Heading

#

score 0 · Answer 6 · answered Jan 13 '20 at 17:04

You can do that using Router URLRequestConvertible

static func performMultiPartFile<T:Decodable>(imageData: Data, route:APIRoute,decoder: JSONDecoder = JSONDecoder(), completion: @escaping (_ result: T?, _ error: String?) -> ()) {
    Alamofire.upload(multipartFormData: { (multipartFormData) in
        multipartFormData.append(imageData, withName: "image", fileName: "iosImage.jpg", mimeType: "image/jpg")
    }, with: route) { (encodingResult) in
        switch encodingResult {

        case .success(let upload, _, _):
            upload.responseString { (response) in
                if response.result.isSuccess {
                    if let JSON = response.result.value {

                        debugPrint("✅ Respons Object >>>> " + String(describing: JSON))
                        do {
                            let result = try JSONDecoder().decode(T.self, from: JSON.data(using: .utf8)!)
                            debugPrint("✍️ Result: " + String(describing: result))
                            completion(result, nil)
                        } catch let error { // mapping fail
                            debugPrint("❌ Error in Mapping" + String(describing: error))
                            completion(nil, String(describing: error))
                        }
                    }
                } else {
                    debugPrint("❌  Response fail : \(response.result.description)")
                    completion(nil, (response.result.error?.localizedDescription)!)
                }
            }
        case .failure(let encodingError):
            completion(nil, String(describing: encodingError))
        }

    }
}

score 0 · Answer 7 · answered Aug 13 '20 at 07:00

This is work with params.

func uploadImage(isUser:Bool, endUrl: String, imageData: Data?, parameters: [String : Any], onCompletion: ((_ isSuccess:Bool) -> Void)? = nil, onError: ((Error?) -> Void)? = nil){

headers = [
        "Accept": "application/json",
        "Content-type": "multipart/form-data"
  ]

AF.upload(multipartFormData: { multipartFormData in
    
    for (key, value) in parameters {
        if let temp = value as? String {
            multipartFormData.append(temp.data(using: .utf8)!, withName: key)
        }
        if let temp = value as? Int {
            multipartFormData.append("\(temp)".data(using: .utf8)!, withName: key)
        }
        if let temp = value as? NSArray {
            temp.forEach({ element in
                let keyObj = key + "[]"
                if let string = element as? String {
                    multipartFormData.append(string.data(using: .utf8)!, withName: keyObj)
                } else
                    if let num = element as? Int {
                        let value = "\(num)"
                        multipartFormData.append(value.data(using: .utf8)!, withName: keyObj)
                }
            })
        }
    }
    
    if let data = imageData{
        multipartFormData.append(data, withName: "file", fileName: "\(Date.init().timeIntervalSince1970).png", mimeType: "image/png")
    }
},
          to: endUrl, method: .post , headers: headers)
    .responseJSON(completionHandler: { (response) in
        
        print(response)
        
        if let err = response.error{
            print(err)
            onError?(err)
            return
        }
        print("Succesfully uploaded")
        
        let json = response.data
        
        if (json != nil)
        {
            let jsonObject = JSON(json!)
            print(jsonObject)
        }
    })
 }

Upload files with parameters from multipartformdata using alamofire 5 in ios swift

7 Answers7

Upload two images with parameters with Headers , Using Alamofire 5

i solve this issue try this code ..

#

Linked