基于Alamofire 和 Carrierwave 的图片上传 && Ecto的insert conflict

基于Alamofire 和 Carrierwave 的图片上传

此文备忘如何使用Alamofire与Rails后台的图片上传API交互。

思路

谈不上思路。注意前端后端传递的内容要一致。

前端

static func upload(image: UIImage, progressHandler:((Double) -> Void)?, responseHandler: (() -> Void)?, errorHandler: (() -> Void)?) {
       if !User.isLogin() { return }
       let headers: HTTPHeaders = ["Authorization": "Bearer \(User.token)"]

       print("POST: \(imagesUploadPath)")
       print("HEADER: \(headers)")

       Alamofire.upload(multipartFormData: { multipartFormData in
           if let data = UIImagePNGRepresentation(image) {
               multipartFormData.append(
                   data,
                   withName: "images[]",
                   fileName: "image.png",
                   mimeType: "image/png"
               )

           } else if let data = UIImageJPEGRepresentation(image, 0.5) {
               multipartFormData.append(
                   data,
                   withName: "images[]",
                   fileName: "image.jpg",
                   mimeType: "image/jpeg"
               )
           }

       },
       to: imagesUploadPath,
       method: .post,
       headers: headers) { encodingResult in
           switch encodingResult {
           case .success(let upload, _, _):
               upload.uploadProgress { progress in
                       print("progress: \(progress.fractionCompleted)")
                       progressHandler?(progress.fractionCompleted)
                   }.responseJSON { response in
                       debugPrint(response)
                       responseHandler?()
                   }
           case .failure(let encodingError):
               print(encodingError)
               errorHandler?()
           }
       }
   }

注意一般后端会parse文件名之类的meta信息，所以前端传递数据的时候需要指定一个文件名。

后端

按照Carrierwaver的流程建立uploader。
但是由于前端传递的是base64的string，所以后端需要把base64 string还原成文件。
很幸运我们可以直接使用carrierwave-base64这个gem轻松完成。

ecto insert_all on conflict

https://dev.classmethod.jp/server-side/db/postgresql-9-5-new-function-upsert-use/

https://hexdocs.pm/ecto/Ecto.Repo.html#c:insert_all/3