Send The Photo (Camera or Media library) to Server by Application (Swift)

Sometimes we need to send the images to a server by taking images from media library or by a camera for this we need to follow some steps.

Here are some steps:

1: Enter the key in info.plist file in a project

a: Media library usage description.

b: photo library usage description.

c: camera usage description.

2: Write this code to access the camera or media library of your phone.

let AC = UIAlertController(title: "Upload Profile Banner", message: "", preferredStyle: .alert)
        let clickBtn = UIAlertAction(title: "Take Picture", style: .default, handler: {(_ action: UIAlertAction) -> Void in
            if UIImagePickerController.isSourceTypeAvailable(UIImagePickerControllerSourceType.camera) {
                let imagePicker = UIImagePickerController()
                imagePicker.delegate = self
                imagePicker.sourceType = UIImagePickerControllerSourceType.camera;
                imagePicker.allowsEditing = false
                self.present(imagePicker, animated: true, completion: nil)
            }
        })
        let cameraRollBtn = UIAlertAction(title: "Upload Picture From Camera Roll", style: .default, handler: {(_ action: UIAlertAction) -> Void in
            let picker = UIImagePickerController()
            picker.delegate = self
            picker.allowsEditing = true
            picker.sourceType = .photoLibrary
            self.present(picker, animated: true, completion: { _ in })
        })
        let noBtn = UIAlertAction(title: "Cancel", style: .default, handler: {(_ action: UIAlertAction) -> Void in
        })
        AC.addAction(clickBtn)
        AC.addAction(cameraRollBtn)
        AC.addAction(noBtn)
        self.parent!.present(AC, animated: true, completion: { _ in })

let AC = UIAlertController(title: "Upload Profile Banner", message: "", preferredStyle: .alert)

let clickBtn = UIAlertAction(title: "Take Picture", style: .default, handler: {(_ action: UIAlertAction) -> Void in

if UIImagePickerController.isSourceTypeAvailable(UIImagePickerControllerSourceType.camera) {

let imagePicker = UIImagePickerController()

imagePicker.delegate = self

imagePicker.sourceType = UIImagePickerControllerSourceType.camera;

imagePicker.allowsEditing = false

self.present(imagePicker, animated: true, completion: nil)

}

})

let cameraRollBtn = UIAlertAction(title: "Upload Picture From Camera Roll", style: .default, handler: {(_ action: UIAlertAction) -> Void in

let picker = UIImagePickerController()

picker.delegate = self

picker.allowsEditing = true

picker.sourceType = .photoLibrary

self.present(picker, animated: true, completion: { _ in })

})

let noBtn = UIAlertAction(title: "Cancel", style: .default, handler: {(_ action: UIAlertAction) -> Void in

})

AC.addAction(clickBtn)

AC.addAction(cameraRollBtn)

AC.addAction(noBtn)

self.parent!.present(AC, animated: true, completion: { _ in })

3: Now there are one thing to add in current View controller.

UIImagePickerControllerDelegate,UINavigationControllerDelegate

1	UIImagePickerControllerDelegate,UINavigationControllerDelegate

4: There is one delegate method that will receive the image from either camera or media library.

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {
        if let image = info[UIImagePickerControllerOriginalImage] as? UIImage {
            imageData = UIImageJPEGRepresentation(image, 0.8) as NSData!
            uploadImage = "true";
        }
        
        picker.dismiss(animated: true, completion: nil);
    }

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {

if let image = info[UIImagePickerControllerOriginalImage] as? UIImage {

imageData = UIImageJPEGRepresentation(image, 0.8) as NSData!

uploadImage = "true";

}

picker.dismiss(animated: true, completion: nil);

}

5: Now we need to send the image to server:

let request = NSMutableURLRequest(url: URL(string: imageSendUrl)!)
        request.httpMethod = "POST"
        request.cachePolicy = .reloadIgnoringLocalCacheData
        let boundary = "unique-consistent-string"
        
        //define the multipart request type
        
        request.setValue("multipart/form-data; boundary=\(boundary)", forHTTPHeaderField: "Content-Type")
        
        
        let body = NSMutableData()
        let screenWidth:String = String(format:"%f",SCREEN_WIDTH);
        
        // add params (all params are strings)
        body.append("--\(boundary)\r\n".data(using: String.Encoding.utf8)!)
        body.append("Content-Disposition: form-data; name=\("customerId")\r\n\r\n".data(using: String.Encoding.utf8)!)
        body.append("\(customerId)\r\n".data(using: String.Encoding.utf8)!)
        body.append("--\(boundary)\r\n".data(using: String.Encoding.utf8)!)
        body.append("Content-Disposition: form-data; name=\("width")\r\n\r\n".data(using: String.Encoding.utf8)!)
        body.append("\(screenWidth)\r\n".data(using: String.Encoding.utf8)!)
        // add image data
        if (imageData != nil) {
            body.append("--\(boundary)\r\n".data(using: String.Encoding.utf8)!)
            body.append("Content-Disposition: form-data; name=\("imageFormKey"); filename=imageName.jpg\r\n".data(using: String.Encoding.utf8)!)
            body.append("Content-Type: image/jpeg\r\n\r\n".data(using: String.Encoding.utf8)!)
            body.append(imageData as Data)
            body.append("\r\n".data(using: String.Encoding.utf8)!)
        }
        body.append("--\(boundary)--\r\n".data(using: String.Encoding.utf8)!)
        request.httpBody = body as Data
        let session = URLSession.shared
        let task = session.dataTask(with: request as URLRequest) {
            (
            data, response, error) in
            
            guard let _:NSData = data as NSData?, let _:URLResponse = response, error == nil else {
                print("error")
                self.view.isUserInteractionEnabled = true
                SVProgressHUD.dismiss()
                SVProgressHUD.setDefaultStyle(SVProgressHUDStyle.dark)
                SVProgressHUD.showError(withStatus:"Something error , Please Try Again...");
                return
            }
            
            if let httpResponse = response as? HTTPURLResponse {
                print(httpResponse.statusCode)
                if(httpResponse.statusCode == 200){
                    if(self.imageForCategoryMenu == "uploadBannerPic"){
                    
                     let imageUrl = String(format:"%@/media/customerpicture/%@/%fx%d/%@-banner.jpg", IMAGE_URL, customerId, SCREEN_WIDTH, (Int)(SCREEN_WIDTH/2), customerId)
                        let url = NSURL(string: imageUrl ) as! URL
                        let operation1 = BlockOperation(block: {
                            let data = try? Data(contentsOf: url)
                            let img = UIImage(data: data!)
                            OperationQueue.main.addOperation({
                                self.ic_profile_banner.image = img
                            })
                        })
                        self.queue.addOperation(operation1)
                        do{
                        let largeImageData = try Data(contentsOf: url)
                        let bannerImage:UIImage = UIImage(data: largeImageData)!
                        if (bannerImage.size.height != 0) {
                            self.profileImageCache.setObject(bannerImage, forKey: (url) as AnyObject)
                        }
                        
                       }catch{
                        print("error");
                       }

                    defaults.set(imageUrl, forKey: "profileBanner")
                        
}

let request = NSMutableURLRequest(url: URL(string: imageSendUrl)!)

request.httpMethod = "POST"

request.cachePolicy = .reloadIgnoringLocalCacheData

let boundary = "unique-consistent-string"

//define the multipart request type

request.setValue("multipart/form-data; boundary=\(boundary)", forHTTPHeaderField: "Content-Type")

let body = NSMutableData()

let screenWidth:String = String(format:"%f",SCREEN_WIDTH);

// add params (all params are strings)

body.append("--\(boundary)\r\n".data(using: String.Encoding.utf8)!)

body.append("Content-Disposition: form-data; name=\("customerId")\r\n\r\n".data(using: String.Encoding.utf8)!)

body.append("\(customerId)\r\n".data(using: String.Encoding.utf8)!)

body.append("--\(boundary)\r\n".data(using: String.Encoding.utf8)!)

body.append("Content-Disposition: form-data; name=\("width")\r\n\r\n".data(using: String.Encoding.utf8)!)

body.append("\(screenWidth)\r\n".data(using: String.Encoding.utf8)!)

// add image data

if (imageData != nil) {

body.append("--\(boundary)\r\n".data(using: String.Encoding.utf8)!)

body.append("Content-Disposition: form-data; name=\("imageFormKey"); filename=imageName.jpg\r\n".data(using: String.Encoding.utf8)!)

body.append("Content-Type: image/jpeg\r\n\r\n".data(using: String.Encoding.utf8)!)

body.append(imageData as Data)

body.append("\r\n".data(using: String.Encoding.utf8)!)

}

body.append("--\(boundary)--\r\n".data(using: String.Encoding.utf8)!)

request.httpBody = body as Data

let session = URLSession.shared

let task = session.dataTask(with: request as URLRequest) {

(

data, response, error) in

guard let _:NSData = data as NSData?, let _:URLResponse = response, error == nil else {

print("error")

self.view.isUserInteractionEnabled = true

SVProgressHUD.dismiss()

SVProgressHUD.setDefaultStyle(SVProgressHUDStyle.dark)

SVProgressHUD.showError(withStatus:"Something error , Please Try Again...");

return

}

if let httpResponse = response as? HTTPURLResponse {

print(httpResponse.statusCode)

if(httpResponse.statusCode == 200){

if(self.imageForCategoryMenu == "uploadBannerPic"){

let imageUrl = String(format:"%@/media/customerpicture/%@/%fx%d/%@-banner.jpg", IMAGE_URL, customerId, SCREEN_WIDTH, (Int)(SCREEN_WIDTH/2), customerId)

let url = NSURL(string: imageUrl ) as! URL

let operation1 = BlockOperation(block: {

let data = try? Data(contentsOf: url)

let img = UIImage(data: data!)

OperationQueue.main.addOperation({

self.ic_profile_banner.image = img

})

self.queue.addOperation(operation1)

do{

let largeImageData = try Data(contentsOf: url)

let bannerImage:UIImage = UIImage(data: largeImageData)!

if (bannerImage.size.height != 0) {

self.profileImageCache.setObject(bannerImage, forKey: (url) as AnyObject)

}

}catch{

print("error");

}

defaults.set(imageUrl, forKey: "profileBanner")

}

kunal prasad 26 October 2021

. . .

4 comments

Viet Jul 30, 2019 at 6:29 pm

It’s very useful !! Thank you very much!Can you explain more detail about ImageSendUrl and SCREEN_WIDTH ?

kunal prasad (Moderator) Jul 30, 2019 at 6:34 pm
ImageSendUrl : its a server URL where your server will accept the images.
SCREEN_WIDTH : its your device width.

Reply
- Viet Jul 30, 2019 at 7:13 pm
  Right now because im coding by swift 5 so it happened some error with it. So do you have a way to help me? I want to upload image to serve.
  
  Reply
  - kunal prasad (Moderator) Jul 30, 2019 at 7:16 pm
    Please use Almofire Multi part request
    https://mobikul.com/make-multipart-request-using-alamofire-3-0-swift/
    
    Reply

Send The Photo (Camera or Media library) to Server by Application (Swift)

Leave a Comment Cancel Reply

4 comments

Message Sent!