[swift] Alamofire-SwiftyJSON을 사용하여 이미지 업로드 기능 구현하기

27 Nov 2023

swift

이번 글에서는 Swift의 Alamofire와 SwiftyJSON을 함께 사용하여 이미지 업로드 기능을 구현하는 방법에 대해 알아보겠습니다.

1. Alamofire와 SwiftyJSON 설치하기

먼저, 이미지 업로드 기능을 구현하기 위해서는 Alamofire와 SwiftyJSON 라이브러리를 설치해야 합니다. Podfile에 다음과 같은 의존성을 추가하고 터미널에서 pod install 명령을 실행하여 라이브러리를 설치합니다.

pod 'Alamofire'
pod 'SwiftyJSON'

2. 이미지 선택 및 업로드 로직 구현하기

먼저, 이미지 선택 기능을 구현하기 위해 UIImagePickerController를 사용합니다. UIImagePickerControllerDelegate 및 UINavigationControllerDelegate 프로토콜을 채택한 후, 다음과 같은 코드를 사용하여 이미지 선택 로직을 구현합니다.

import UIKit

class ViewController: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate {

    // 이미지 선택 버튼을 클릭하면 실행되는 액션 메소드
    @IBAction func selectImageButtonTapped(_ sender: UIButton) {
        let imagePickerController = UIImagePickerController()
        imagePickerController.delegate = self
        imagePickerController.sourceType = .photoLibrary
        present(imagePickerController, animated: true, completion: nil)
    }

    // 이미지를 선택한 후, 선택된 이미지를 업로드하는 메소드
    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
        if let image = info[.originalImage] as? UIImage {
            // 선택된 이미지를 업로드하는 코드 작성
            uploadImage(image: image)
        }

        dismiss(animated: true, completion: nil)
    }

    // 이미지 업로드 메소드
    func uploadImage(image: UIImage) {
        // 업로드 로직 구현
        guard let imageData = image.jpegData(compressionQuality: 0.7) else { return }

        Alamofire.upload(
            multipartFormData: { multipartFormData in
                multipartFormData.append(
                    imageData,
                    withName: "image",
                    fileName: "image.jpg",
                    mimeType: "image/jpeg"
                )
            },
            to: "http://example.com/upload",
            encodingCompletion: { encodingResult in
                switch encodingResult {
                case .success(let upload, _, _):
                    upload.responseJSON { response in
                        // 업로드 성공 시 처리할 코드 작성
                    }
                case .failure(let encodingError):
                    // 업로드 실패 시 처리할 코드 작성
                }
            }
        )
    }
}

위 코드에서는 selectImageButtonTapped 메소드에서 이미지 선택 버튼을 클릭했을 때 UIImagePickerController를 호출하고, didFinishPickingMediaWithInfo 메소드에서 선택된 이미지를 업로드합니다. uploadImage 메소드에서는 선택된 이미지를 multipartFormData에 추가하고, Alamofire를 사용하여 이미지를 업로드합니다.

3. 서버에서 이미지 처리하기

이미지를 서버로 업로드한 후, 서버에서는 해당 이미지를 저장하거나 처리할 수 있습니다. 업로드된 이미지에 대한 처리는 서버에서 개발해야하며, 이에 따라 필요한 로직을 구현해야 합니다.

결론

이번 글에서는 Alamofire와 SwiftyJSON을 사용하여 이미지 업로드 기능을 구현하는 방법에 대해 알아보았습니다. 이미지 선택 및 업로드 로직을 구현한 후, 서버에서 이미지를 처리할 수 있는 로직을 추가하여 완성하시면 됩니다. 해당 코드를 참고하여 원하는 이미지 업로드 기능을 구현해보세요.