How to send the image file with value as image, key as 'file'

Question

As I am new to iOS, am stuck here for a while, I need to upload the image to a server with key and value as ("file": image), find the image as attached in postman.

I have tried almost every suggestion here How to upload images to a server in iOS with Swift?, Upload image to server - Swift 3

Here I have tried something but not getting output response because of the key not passed in the request

let url = URL(string: uploadurl);
let request = NSMutableURLRequest(url: url!);
request.httpMethod = "POST"
let boundary = "Boundary-\(NSUUID().uuidString)"
request.setValue("multipart/form-data; boundary=\(boundary)", forHTTPHeaderField: "Content-Type")
let imageData = UIImageJPEGRepresentation(image, 1)
if (imageData == nil) {
    print("UIImageJPEGRepresentation return nil")
    return
}
let body = NSMutableData()
//here I need to pass the data as ["file":image]
body.append(imageData!)
request.httpBody = body as Data
let task =  URLSession.shared.dataTask(with: request as URLRequest, completionHandler: { (data, response, error) -> Void in
    if let data = data {
        // do
        let json =  try!JSONSerialization.jsonObject(with: data, options: .mutableContainers) as? NSDictionary
        print("json value \(json)")
    } else if let error = error {
        print(error.localizedDescription)
    }
})
task.resume()

Please suggest me, how to pass the these image in body as ["file": image].

Thanks in advance

Answer 1

You could use URLSession to upload a multipart/form-data

1. The upload

The function to upload the image

    // build request URL

    guard let requestURL = URL(string: "YOURURL") else {
        return
    }

    // prepare request
    var request = URLRequest(url: requestURL)
    request.allHTTPHeaderFields = header
    request.httpMethod = MethodHttp.post.rawValue

    let boundary = generateBoundaryString()

    request.setValue("multipart/form-data; boundary=\(boundary)", forHTTPHeaderField: "Content-Type")
    // built data from img
    if let imageData = image.jpegData(compressionQuality: 1) {
        request.httpBody = createBodyWithParameters(parameters: param, filePathKey: "file", imageDataKey: imageData, boundary: boundary)
    }

    let task =  URLSession.shared.dataTask(with: request,
                                           completionHandler: { (data, _, error) -> Void in

                                            if let data = data {

                                                debugPrint("image uploaded successfully \(data)")

                                            } else if let error = error {
                                                debugPrint(error.localizedDescription)
                                            }
    })
    task.resume()

2. The body

the function that will create the request body

 func createBodyWithParameters(parameters: [String: String],

                                          filePathKey: String,
                                          imageDataKey: Data,
                                          boundary: String) -> Data {

                let body = NSMutableData()
                let mimetype = "image/*"

                body.append("--\(boundary)\r\n".data(using: .utf8) ?? Data())
                body.append("Content-Disposition: form-data; name=\"\(filePathKey)\"; filename=\"\(filePathKey)\"\r\n".data(using: .utf8) ?? Data())
                body.append("Content-Type: \(mimetype)\r\n\r\n".data(using: .utf8) ?? Data())
                body.append(imageDataKey)
                body.append("\r\n".data(using: .utf8) ?? Data())

                body.append("--\(boundary)--\r\n".data(using: .utf8) ?? Data())



          return body as Data
        }

        private func generateBoundaryString() -> String {
            return "Boundary-\(Int.random(in: 1000 ... 9999))"
        }

    }

3. Data extension

   extension NSMutableData {
   
   func appendString(_ string: String) {
          if let data = string.data(using: String.Encoding.utf8, 
             allowLossyConversion: true) {
                append(data)
           }
        }
    }
   

Answer 2

Try this. Save the file in documentDirectory. Add the file in body with boundary which is a random string. Then add the key of the file as name=\"file\"

if !fileName.isEmpty {
    let pathComponents = [NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true).last!, fileName]
    outputFileURL = NSURL.fileURL(withPathComponents: pathComponents) //get the image file from documentDirectory

    //add file to body (name=\"file\")
    body.append("--\(boundary)\r\n".data(using: String.Encoding.utf8)!)
    body.append("Content-Disposition: form-data; name=\"file\"; filename=\"image.jpeg\"\r\n".data(using: String.Encoding.utf8)!)
    body.append("Content-Type: image/*\r\n\r\n".data(using: String.Encoding.utf8)!)
    do {
        try body.append(Data(contentsOf: outputFileURL!))
    } catch {
        print(error)
    }
    body.append("\r\n".data(using: String.Encoding.utf8)!)
    body.append("--\(boundary)--\r\n".data(using: String.Encoding.utf8)!)

}