基于Alamofire 和 Carrierwave 的图片上传
此文备忘如何使用Alamofire与Rails后台的图片上传API交互。
思路
谈不上思路。注意前端后端传递的内容要一致。
前端
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
| 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