xcode - multipartformdata - Cómo subir imágenes con parámetros usando Alamofire en Swift

alamofire upload multipartformdata

Question

Estoy desarrollando una aplicación para iPhone con swift. y estoy usando el marco de Alamofire para manejar solicitudes de http. Utilizo Alamofire.request para POST, GET y etc. como esto:

Alamofire.request(.POST, myURL , parameters: ["a": "1", "b" : "2" ])
        .response { (request, response, data, error) in
}  

Y utilizo Alamofire.upload para subir la imagen al servidor:

Alamofire.upload(.POST, uploadURL , fileURL)

Y ambos funcionan perfectamente, pero ahora quiero cargar una imagen y también enviar algunos parámetros, y mi tipo de contenido debería ser multipart/form-data y Alamofire.upload no acepta parámetros.

Hay dos preguntas más sobre SO sobre este problema con swift, la primera no usa Alamofire (y en realidad, ¿por qué no?) Y en la segunda , mattt (Alamofire Developer) citado para usar los parámetros de codificación.

Revisé su ejemplo, pero todavía no podía averiguar cómo hacerlo.

¿Puede alguien ayudarme a resolver este problema?

¡Gracias! :)

Answer 1

Swift 4 con Alamofire 4

let isConnected = connectivity.isConnectedToInternet()

  func updateProfile(firstName:String,lastName:String ,imageData:Data?,completion: @escaping (isValidUser)->()) {


    if self.isConnected {

        var parameters : [String:String] = [:]
        parameters["auth_key"] = loginUser?.authKey!
        parameters["User[first_name]"] = firstName
        parameters["User[last_name]"] = lastName

        let url = "/(baseUrl)/(basicAuthenticationUrl.updateProfile)"
        print(url)


        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_url", fileName: "image.png", mimeType: "image/png")
            }

        }, usingThreshold: UInt64.init(), to: url, method: .post) { (result) in
            switch result{
            case .success(let upload, _, _):
                upload.responseJSON { response in
                    print("Succesfully uploaded  = /(response)")
                    if let err = response.error{

                        print(err)
                        return
                    }

                }
            case .failure(let error):
                print("Error in upload: /(error.localizedDescription)")

            }
        }
    }

}

Answer 2

Para usar los parámetros de codificación, cree una variable de codificación de parámetros, asígnele un tipo de codificación (caso de la enumeración que incluye .JSON, .URL) y luego use la función de codificación con su NSURLRequest y los parámetros. Esta función devuelve una tupla de dos elementos, el primero es el NSURLRequest resultante y el segundo el posible NSError resultante.

Así es como lo usé para un encabezado personalizado que necesitaba en un proyecto

 var parameterEncoding:ParameterEncoding!
    switch method {
        case .POST, .PUT :
            parameterEncoding = ParameterEncoding.JSON
        default :
            parameterEncoding = ParameterEncoding.URL
    }
    var alamoRequest = Alamofire.Manager.sharedInstance.request(parameterEncoding.encode(mutableURLRequest, parameters: parameters).0)

Answer 3

Puedes usar Alamofire 3.0+ debajo del código

func uploadImageAndData(){
    //parameters
    let gender    = "M"
    let firstName = "firstName"
    let lastName  = "lastName"
    let dob       = "11-Jan-2000"
    let aboutme   = "aboutme"
    let token     = "token"

    var parameters = [String:AnyObject]()
    parameters = ["gender":gender,
                  "firstName":firstName,
                  "dob":dob,
                  "aboutme":about,
                  "token":token,
                  "lastName":lastName]

    let URL = "http://yourserviceurl/"
    let image = UIImage(named: "image.png")

    Alamofire.upload(.POST, URL, multipartFormData: {
        multipartFormData in

        if let imageData = UIImageJPEGRepresentation(image, 0.6) {
            multipartFormData.appendBodyPart(data: imageData, name: "image", fileName: "file.png", mimeType: "image/png")
        }

        for (key, value) in parameters {
            multipartFormData.appendBodyPart(data: value.dataUsingEncoding(NSUTF8StringEncoding)!, name: key)
        }
    }, encodingCompletion: {
        encodingResult in

        switch encodingResult {
        case .Success(let upload, _, _):
            print("s")
            upload.responseJSON { 
                response in
                print(response.request)  // original URL request
                print(response.response) // URL response
                print(response.data)     // server data
                print(response.result)   // result of response serialization

                if let JSON = response.result.value {
                    print("JSON: /(JSON)")
                }
            }
        case .Failure(let encodingError):
            print(encodingError)
        }
    })
}

Answer 4

Almaofire con Swift 2.0 simplemente copie y pegue debajo del código. Aquí asumo la respuesta JSON del servidor

 func uploadImageRemote (imageData : NSData?) -> Dictionary <String,AnyObject>{
    var imageDictionary = Dictionary<String,AnyObject>()

      var tokenHeaders:[String:String]! = ["x-access-token":Constants.kUserDefaults.stringForKey("userToken")!]
    Alamofire.upload(
        .POST,
        "http://52.26.230.146:3300/api/profiles/imageUpload",headers:tokenHeaders,
        multipartFormData: { multipartFormData in
            multipartFormData.appendBodyPart(data: imageData!, name: "upload", fileName: "imageFileName.jpg", mimeType: "image/jpeg")
        },
        encodingCompletion: { encodingResult in
            switch encodingResult {
            case .Success(let upload, _, _):
                upload.progress { (bytesWritten, totalBytesWritten, totalBytesExpectedToWrite) in
                    print("Uploading Avatar /(totalBytesWritten) / /(totalBytesExpectedToWrite)")
                    dispatch_async(dispatch_get_main_queue(),{

                    })
                }
                upload.responseJSON { response in
                    guard response.result.error == nil else {
                        print("error calling GET /(response.result.error!)")
                        return
                    }

                    if let value = response.result.value {
                       print("Success JSON is:/(value)")
                        if let result = value as? Dictionary<String, AnyObject> {
                            imageDictionary["imageUrl"] = result["url"]
                        }
                    }

                    dispatch_async(dispatch_get_main_queue(),{
                        //Show Alert in UI
                        print("Avatar uploaded");
                    })
                }

            case .Failure(let encodingError):
                //Show Alert in UI
                print("Avatar not uploaded /(encodingError)");
            }
        }
    );



return imageDictionary
}

Answer 5

Almaofire con swift 3.0

Alamofire.upload(multipartFormData: { multipartFormData in
    var index = 1
    for image in imageArray {
        let imageData: Data = (UIImageJPEGRepresentation(image, 1.0) as Data?)!

        multipartFormData.append(imageData, withName: "home-/(index)", fileName: "home-/(index)", mimeType: "image/jpeg")

        index += 1
    }
    }, with: requestName, encodingCompletion: { result in
        switch result {
        case .success(let upload, _, _):

            upload.responseJSON { response in
                print("Image(s) Uploaded successfully:/(response)")
            }
        case .failure(let encodingError):
            print("encodingError:/(encodingError)")
        }
})

Answer 6

SWIFT 2 AlamoFire Simple Image Upload (API REST)

@amit gupta Parece que la respuesta contiene una gran sobrecarga. AlamoFire contiene carga de solución simplificada. El método Alamofire.request contiene varias sobrecargas simplificadas que se pueden usar para cargar de manera simple. Al utilizar Alamofire.request (el desarrollador del método puede deshacerse de la sobrecarga de codificación).

El estado HTTP 415 da porque no se especifica el tipo de medio correcto.

Por favor revise mi solución a continuación.

import UIKit
import Alamofire

class ViewController: UIViewController {

    @IBOutlet var imageView: UIImageView!
    @IBOutlet var btnUpload: UIButton!
    override func viewDidLoad() {
        super.viewDidLoad()
    }

    func successDataHandler(responseData:String){

        print ("IMAGE UPLOAD SUCCESSFUL    !!!")

    }

    func failureDataHandler(errorData:String){

        print ("  !!!   IMAGE UPLOAD FAILURE   !!! ")

    }

    @IBAction func actionUpload(sender: AnyObject) {

        let URL = "http://m8coreapibeta.azurewebsites.net/api/cards/SaveImages"

        let postDataProlife:[String:AnyObject] = ["CardId":(dataCardDetail?.userId)!,"ImageType":1,"ImageData":imageView.image!]

        uplaodImageData(URL, postData: postDataProlife, successHandler: successDataHandler, failureHandler: failureDataHandler)
    }

    func uplaodImageData(RequestURL: String,postData:[String:AnyObject]?,successHandler: (String) -> (),failureHandler: (String) -> ()) -> () {

        let headerData:[String : String] = ["Content-Type":"application/json"]

        Alamofire.request(.POST,RequestURL, parameters: postData, encoding: .URLEncodedInURL, headers: headerData).responseString{ response in
            switch response.result {
            case .Success:
                print(response.response?.statusCode)
                successHandler(response.result.value!)
            case .Failure(let error):
                failureHandler("/(error)")
            }
        }
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }


}