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 'com.squareup.retrofit2:retrofit:2.1.0' c
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 more user friendly and satisfy your users’ urgen
Read more

Create a gradient color view in iOS using Swift 3 and XCode 8

Image
What is Gradient Gradients and Colors. Anyone who has remotely worked on or had heard about computer graphics would know what a gradient is. For the unaware masses, a gradient or a ramp is a set of colors used to fill a particular region with minimal boundaries visible. We know it is quite difficult to define gradient in words and even more difficult to understand what is it just by reading. Let us shoot you an image of what a gradient is and that’s what we will focus on doing today Environment set-up Create a new XCode project. We have used XCode 8 for the demonstration but you are free to use a version of your preference. We will code using Swift 3 and we believe that Swift 2 and Objective-C might have minor syntactical changes. In case you face an issue, please do leave a comment below. The Task We are going to change the background of the primary view controller to a gradient color. We are going to use the same colors that the image above sports. For reference, thes
Read more