Upload Image to AWS S3 Bucket. In Swift.

In this blog post I am going to share with you how to upload an image to Amazon AWS S3 Bucket. I have split information into smaller videos and it will cover:
http://swiftdeveloperblog.com/image-upload-example/
http://swiftdeveloperblog.com/upload-image-to-aws-s3-bucket-in-swift/
  • Create AWS S3 Bucket
  • Edit S3 Bucket policy to allow users read files from it
  • Use AWS Cognito to create a Federated Identity Pool
  • Install CocoaPods and use it to download AWS SDK for iOS
  • Write Swift code to upload image to AWS S3 Bucket

Introduction


Create AWS S3 Bucket


AWS Bucket Policy 
  1. {
  2. "Version": "2008-10-17",
  3. "Statement": [
  4. {
  5. "Sid": "AddPerm",
  6. "Effect": "Allow",
  7. "Principal": "*",
  8. "Action": "s3:GetObject",
  9. "Resource": "arn:aws:s3:::learn-swift/*"
  10. }
  11. ]
  12. }

Create Federated Identity Pool with AWS Cognito


Download and Setup AWS SDK for iOS Platform


Write Code to Upload Image to AWS S3 Bucket


Select image with UIImagePickerController and upload it to AWS S3 bucket


Upload Image to AWS S3 Bucket. Source code in Swift

  1. import UIKit
  2. import AWSCore
  3. import AWSS3
  4. import Photos
  6. class ViewController: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate {
  8. var showImagePickerButton: UIButton!
  9. var myImageView: UIImageView!
  10. var selectedImageUrl: NSURL!
  11. var myActivityIndicator: UIActivityIndicatorView!
  13. override func viewDidLoad() {
  14. super.viewDidLoad()
  15. // Do any additional setup after loading the view, typically from a nib.
  17. setupImagePickerButton()
  19. setupImageView()
  21. setupUploadButton()
  23. setUpActivityIndicator()
  24. }
  26. override func didReceiveMemoryWarning() {
  27. super.didReceiveMemoryWarning()
  28. // Dispose of any resources that can be recreated.
  29. }
  31. override func viewWillAppear(animated: Bool) {
  32. super.viewWillAppear(animated)
  34. }
  36. func startUploadingImage()
  37. {
  38. var localFileName:String?
  40. if let imageToUploadUrl = selectedImageUrl
  41. {
  42. let phResult = PHAsset.fetchAssetsWithALAssetURLs([imageToUploadUrl], options: nil)
  43. localFileName = phResult.firstObject?.filename
  44. }
  46. if localFileName == nil
  47. {
  48. return
  49. }
  51. myActivityIndicator.startAnimating()
  53. // Configure AWS Cognito Credentials
  54. let myIdentityPoolId = ""
  56. let credentialsProvider:AWSCognitoCredentialsProvider = AWSCognitoCredentialsProvider(regionType:AWSRegionType.-- USEast1, identityPoolId: myIdentityPoolId)
  58. let configuration = AWSServiceConfiguration(region:AWSRegionType.-- USEast1, credentialsProvider:credentialsProvider)
  60. AWSServiceManager.defaultServiceManager().defaultServiceConfiguration = configuration
  62. // Set up AWS Transfer Manager Request
  63. let S3BucketName = "learn-swift"
  65. let remoteName = localFileName!
  67. let uploadRequest = AWSS3TransferManagerUploadRequest()
  68. uploadRequest.body = generateImageUrl(remoteName)
  69. uploadRequest.key = remoteName
  70. uploadRequest.bucket = S3BucketName
  71. uploadRequest.contentType = "image/jpeg"
  74. let transferManager = AWSS3TransferManager.defaultS3TransferManager()
  76. // Perform file upload
  77. transferManager.upload(uploadRequest).continueWithBlock { (task) -> AnyObject! in
  79. dispatch_async(dispatch_get_main_queue()) {
  80. self.myActivityIndicator.stopAnimating()
  81. }
  83. if let error = task.error {
  84. print("Upload failed with error: (\(error.localizedDescription))")
  85. }
  87. if let exception = task.exception {
  88. print("Upload failed with exception (\(exception))")
  89. }
  91. if task.result != nil {
  93. let s3URL = NSURL(string: "https://s3.amazonaws.com/\(S3BucketName)/\(uploadRequest.key!)")!
  94. print("Uploaded to:\n\(s3URL)")
  96. // Remove locally stored file
  97. self.remoteImageWithUrl(uploadRequest.key!)
  99. dispatch_async(dispatch_get_main_queue()) {
  100. self.displayAlertMessage()
  101. }
  104. }
  105. else {
  106. print("Unexpected empty result.")
  107. }
  108. return nil
  109. }
  111. }
  113. func displayAlertMessage()
  114. {
  115. let alertController = UIAlertController(title: "Alert title", message: "Image has been uploaded", preferredStyle: .Alert)
  117. let OKAction = UIAlertAction(title: "OK", style: .Default) { (action:UIAlertAction!) in
  119. // Code in this block will trigger when OK button tapped.
  120. print("Ok button tapped");
  122. }
  124. alertController.addAction(OKAction)
  126. self.presentViewController(alertController, animated: true, completion:nil)
  127. }
  130. func generateImageUrl(fileName: String) -> NSURL
  131. {
  132. let fileURL = NSURL(fileURLWithPath: NSTemporaryDirectory().stringByAppendingString(fileName))
  133. let data = UIImageJPEGRepresentation(myImageView.image!, 0.6)
  134. data!.writeToURL(fileURL, atomically: true)
  136. return fileURL
  137. }
  139. func remoteImageWithUrl(fileName: String)
  140. {
  141. let fileURL = NSURL(fileURLWithPath: NSTemporaryDirectory().stringByAppendingString(fileName))
  142. do {
  143. try NSFileManager.defaultManager().removeItemAtURL(fileURL)
  144. } catch
  145. {
  146. print(error)
  147. }
  148. }
  150. func setupImagePickerButton()
  151. {
  152. let button = UIButton(type: UIButtonType.System) as UIButton
  154. let xPostion:CGFloat = 50
  155. let yPostion:CGFloat = 100
  156. let buttonWidth:CGFloat = 150
  157. let buttonHeight:CGFloat = 45
  159. button.frame = CGRectMake(xPostion, yPostion, buttonWidth, buttonHeight)
  161. button.backgroundColor = UIColor.lightGrayColor()
  162. button.setTitle("Select image", forState: UIControlState.Normal)
  163. button.tintColor = UIColor.blackColor()
  164. button.addTarget(self, action: #selector(ViewController.displayImagePickerButtonTapped) , forControlEvents: .TouchUpInside)
  165. self.view.addSubview(button)
  166. }
  168. func setupImageView()
  169. {
  170. myImageView = UIImageView()
  172. let xPostion:CGFloat = 50
  173. let yPostion:CGFloat = 200
  174. let buttonWidth:CGFloat = 200
  175. let buttonHeight:CGFloat = 200
  177. myImageView.frame = CGRectMake(xPostion, yPostion, buttonWidth, buttonHeight)
  179. self.view.addSubview(myImageView)
  180. }
  182. func setupUploadButton()
  183. {
  184. let rightBarButton = UIBarButtonItem(title: "Upload", style: UIBarButtonItemStyle.Plain, target: self, action: #selector(ViewController.startUploadingImage))
  185. self.navigationItem.rightBarButtonItem = rightBarButton
  186. }
  188. func setUpActivityIndicator()
  189. {
  190. //Create Activity Indicator
  191. myActivityIndicator = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.Gray)
  193. // Position Activity Indicator in the center of the main view
  194. myActivityIndicator.center = view.center
  196. // If needed, you can prevent Acivity Indicator from hiding when stopAnimating() is called
  197. myActivityIndicator.hidesWhenStopped = true
  199. myActivityIndicator.backgroundColor = UIColor.whiteColor()
  201. view.addSubview(myActivityIndicator)
  202. }
  204. func displayImagePickerButtonTapped() {
  206. let myPickerController = UIImagePickerController()
  207. myPickerController.delegate = self;
  208. myPickerController.sourceType = UIImagePickerControllerSourceType.PhotoLibrary
  210. self.presentViewController(myPickerController, animated: true, completion: nil)
  212. }
  214. func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject])
  215. {
  216. selectedImageUrl = info[UIImagePickerControllerReferenceURL] as! NSURL
  218. myImageView.image = info[UIImagePickerControllerOriginalImage] as? UIImage
  219. myImageView.backgroundColor = UIColor.clearColor()
  220. myImageView.contentMode = UIViewContentMode.ScaleAspectFit
  221. self.dismissViewControllerAnimated(true, completion: nil)
  222. }
  223. }
I hope this blog post was valuable to you and if it was, please click on the Like button of that youtube video or subscribe(on the right side panel) to my blog, so that you can receive notification when a new free video tutorial becomes available.
Happy coding! 🙂

Comments

Post a Comment

Popular posts from this blog

Retrofit Android Example Tutorial

Image
Welcome to Retrofit Android Example Tutorial. Today we’ll use the  Retrofit  library developed by Square to handle REST API calls in our android application. http://www.journaldev.com/13639/retrofit-android-example-tutorial Retrofit Android Retrofit is type-safe REST client for Android and Java which aims to make it easier to consume RESTful web services. We’ll not go into the details of Retrofit 1.x versions and jump onto  Retrofit 2  directly which has a lot of new features and a changed internal API compared to the previous versions. Retrofit 2 by default leverages  OkHttp  as the networking layer and is built on top of it. Retrofit automatically serialises the JSON response using a POJO(Plain Old Java Object) which must be defined in advanced for the JSON Structure. To serialise JSON we need a converter to convert it into  Gson  first. We need to add the following dependencies in our  build.grade  file. compile '...
Read more

UISearchController Tutorial: Getting Started

Image
https://www.raywenderlich.com/113772/uisearchcontroller-tutorial ote : Updated for Xcode 7.3, iOS 9.3, and Swift 2.2 on 04-03-2016 Update note:   This tutorial was updated to iOS 9 and Swift 2 by Andy Pereira.   Original post   by Tutorial Team Member Nicolas Martin. If your app displays large datasets, scrolling through massive lists becomes slow and frustrating. In that case, it’s vitally important to allow users to search for specific items. Lucky for you, UIKit includes   UISearchBar   which seamlessly integrates with   UITableView   and allows for quick, responsive filtering of information. In this   UISearchController   tutorial, you’ll build a searchable Candy app which is based on a standard table view. You’ll add table view search capability, including dynamic filtering, and add an optional scope bar, all while taking advantage of   UISearchController , added in iOS 8. In the end, you’ll know how to make your apps much...
Read more

CALayer Tutorial for iOS: Getting Started

Image
Update note:  This tutorial has been updated to iOS 11, Swift 4, and Xcode 9 by  Michael Ciurus . The original tutorial was written by  Scott Gardner . As you probably know, everything you see in an iOS app is a view. There’s button views, table views, slider views, and even parent views that contain other views. But what you might not know is that each view in iOS is backed by another class called a layer – a  CALayer  to be specific. In this article, you’ll learn what a  CALayer  is and how it works. You’ll also see 10 examples of using  CALayer s for cool effects, like shapes, gradients, and even particle systems. This article assumes you’re familiar with the basics of iOS app development and Swift, including constructing your UI with storyboards. Note : If you’re not quite there, no worries. You’ll be happy to know we have quite a few tutorials and books on the subject, such as  Learn to Code iOS Apps with Swift  and...
Read more