How to upload an image using alamofire multipart form data with basic authentication?

Question

I am new in programming and in iOS development. I need to upload an image using Alamofire multipart form data, but I also need to input basic authentication header.

in this thread Alamofire 4.0 Upload MultipartFormData Header, it seems similar to my problem, the code is like this to upload

Alamofire.upload(multipartFormData:{ multipartFormData in
         multipartFormData.append(unicornImageURL, withName: "unicorn")
         multipartFormData.append(rainbowImageURL, withName: "rainbow")},
       usingThreshold:UInt64.init(),
       to:"https://httpbin.org/post",
       method:.post, 
       headers:["Authorization": "auth_token"], 
       encodingCompletion: { encodingResult in
        switch encodingResult {
        case .success(let upload, _, _):
            upload.responseJSON { response in
                debugPrint(response)
            }
        case .failure(let encodingError):
            print(encodingError)
        }
    })

but I am confused how to put the basic authentication (i.e username & password) header. and I also confused where I should place my image data.

I find another thread that seems similar to my problem. here it is... How to upload MultipartFormData with authentication using Alamofire, the proposed solution is this code :

let username = "username"
let password = "password"

let credentialData = "\(username):\(password)".dataUsingEncoding(NSUTF8StringEncoding)!                  
let base64Credentials = credentialData.base64EncodedStringWithOptions([])
let headers = ["Authorization": base64Credentials]

Alamofire.upload(
    .POST,
    "https://rilbits.com/supersafe/photo/upload",
    headers: headers,
    multipartFormData: { multipartFormData in
        let data = "default".dataUsingEncoding(NSUTF8StringEncoding, allowLossyConversion: false)!
        multipartFormData.appendBodyPart(data: data, name: "_formname")
        multipartFormData.appendBodyPart(fileURL: fileURL, name: "photo")
    },
    encodingCompletion: { encodingResult in
        switch encodingResult {

        case .Success(let upload, _, _):
            upload.responseString { response in
                debugPrint(response)
            }

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

but after fixing to the swift 4.1 it gives an error :

could you please help my problem? Thanks in advance :)

score 2 · Answer 1 · answered May 14 '18 at 09:47

I have created this function: Hope it works for you:-

 //Alamofire file upload code
func requestWith(URLString: String,
                 imageData: Data?,
                 fileName: String?,
                 pathExtension: String?,
                 parameters: [String : Any],
                 onView: UIView?,
                 vc: UIViewController,
                 completion:@escaping (Any?) -> Void,
                 failure: @escaping (Error?) -> Void) {

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

    let URL = BASE_PATH + URLString
    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: "fileUpload", fileName: "\(fileName!).\(pathExtension!)", mimeType: "\(fileName!)/\(pathExtension!)")
        }

    }, usingThreshold: UInt64.init(), to: URL, method: .post, headers: headers) { (result) in

        switch result {
        case .success(let upload, _, _):
            upload.responseJSON { response in
                if let err = response.error {
                    failure(err)
                    return
                }
                completion(response.result.value)
            }
        case .failure(let error):
            print("Error in upload: \(error.localizedDescription)")
            failure(error)
        }
    }
}

thanks Manish, but how to insert basic authentication admin and password to your code? — sarah, May 15 '18 at 03:35
put it in header, Fact is that you should not use password. Ask API person for auth token — Manish Mahajan, May 15 '18 at 03:38
yes it is better using token, but i have to use basic authentication now. I try to change the header to be like this image https://i.stack.imgur.com/o6xSl.png , but I got an error CredStore - performQuery - Error copying matching creds. Error=-25300. do you have suggestion sir? — sarah, May 15 '18 at 04:29
Did you see this link https://stackoverflow.com/questions/46099940/credstore-perform-query-error — Manish Mahajan, May 15 '18 at 05:01
yes I have tried but I failed to how to implement it to the alamofire code / your code above — sarah, May 15 '18 at 06:44

score 1 · Answer 2 · answered May 15 '18 at 09:06

i finally found the answer, kindly please use my code below

func uploadDefect(defectRemark: String, defectLocation: String, defectImage: UIImage, fileNameImage: String, completion: @escaping(_ errorMessage: String?) -> Void) {

    guard let imgData = defectImage.jpeg(.medium) else {return}

    let urlUpload = URLService.uploadDefect.endPoint

    let username = "admin"
    let password = "1234"
    let parameters : [String:Any] = ["defect_remark" : defectRemark, "defect_location": defectLocation, "tenant_id" : tenantID]



    var headers: HTTPHeaders = [:]

    if let authorizationHeader = Request.authorizationHeader(user: username, password: password) {
        headers[authorizationHeader.key] = authorizationHeader.value
    }

    Alamofire.upload(
        multipartFormData: { multipartFormData in

            for (key, value) in parameters {
                multipartFormData.append("\(value)".data(using: String.Encoding.utf8)!, withName: key as String)
            }

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


    },
        to: urlUpload,
        headers: headers,
        encodingCompletion: { encodingResult in
            switch encodingResult {
            case .success(let upload, _, _):
                upload.responseJSON { response in
                    debugPrint(response)
                }
            case .failure(let encodingError):
                print(encodingError)
            }
    }
    )


}

Deepak · Answer 3 · 2018-05-15T09:35:27.653

Use :

Alamofire.upload(multipartFormData:{ multipartFormData in
            multipartFormData.append(data, withName: "_formname") 
            multipartFormData.append(fileURL, withName: "photo")},
                         usingThreshold:UInt64.init(),
                         to:"URL",
                         method:.post,
                         headers:["Authorization": "auth_token"],
                         encodingCompletion: { encodingResult in
                            switch encodingResult {
                            case .success(let upload, _, _):
                                upload.responseJSON { response in
                                    debugPrint(response)
                                }
                            case .failure(let encodingError):
                                print(encodingError)
                            }
        })

thanks deepak, but it is said Value of type 'MultipartFormData' has no member 'appendBodyPart' — sarah, May 15 '18 at 03:39
Use : multipartFormData.append(data, withName: "_formname") and multipartFormData.append(fileURL, withName: "photo") — Deepak, May 15 '18 at 08:17

How to upload an image using alamofire multipart form data with basic authentication?

3 Answers3

Linked