前言
最近在使用Vapor遇到很多的问题,坑也填了不少,下面就来说说由这个坑引发一系列的问题。
需求
在应用里,需要使用保存用户的上传头像,那么问题来了,如果发布到heroku上,空间是有限的,然而用户量是不可估计的,所以在对比了国内几家的OSS后,选择了七牛对象存储做为图片的存储空间,上传的图片的库已经找好,用的是Alamofire。
问题
在使用Alamofire时,发现一个了问题,我们都知道Alamofire这个库使用得最多的iOS开发,而用Alamofire做iOS的网络请求,它的内部返回的结果都是在主线程下执行的,这样做的确方便了iOS开发的,但是在Vapor里主线程是会被拦截而不被触发的,所以在使用Alamofire上传图片时,结果是不会返回的。
思考
第一想到的是Alamofire是否有相关的API可以使用,但是遗憾的是,只有在返回结果后,对结果进行处理时才有,所以这个方案fail。第三方的实现不了,那只能自己实现这个功能了。
正文
在查看了七牛的文档后,看到七牛上传api是表单上传,先来看个示例。
Content-Type: multipart/form-data; boundary=分隔线
--分隔线
Content-Disposition: form-data; name="token"
<uploadToken>
--分隔线
Content-Disposition: form-data; name="key"
<key>
--分隔线
Content-Disposition: form-data; name="file"; filename="<fileName>"
Content-Type: application/octet-stream
Content-Transfer-Encoding: binary
<fileBinaryData>
--分隔线--
上面的示例中,需要传入的参数有三个,token,key,file。在七牛中,token是要自己生成的,这里就不多说明了,想了解的话可以私信博主。上传的boundary=分隔线
是给后台解析时用的,博主看到Alamofire里的是以这个String(format: "Alamofire.boundary.%08x%08x", arc4random(), arc4random())
为分隔线的,博主的分隔线只是把Alamofire给去掉。
最后生成像下面这样:
Content-Type: multipart/form-data; boundary=boundary.73e735e3732b6c0e
知道怎么生成就开始构建了。
let url = URL(string:"http://up.qiniu.com")
var request = URLRequest.init(url: url!);
// 请求类型
request.httpMethod = "POST";
// 超时时间
request.timeoutInterval = 30;
// 设置分隔线
let boundary = String(format: "boundary.%08x%08x", arc4random(), arc4random())
let contentType = String(format: "multipart/form-data;boundary=%@", boundary)
request.addValue(contentType, forHTTPHeaderField: "Content-Type")
// 创建body
var body = Data();
// 请求参数
let dict = ["token":token,"key": key]
let keys = dict.keys;
for key in keys {
body.append(String(format:"--%@\r\n",boundary).data(using: .utf8)!)
body.append(String(format:"Content-Disposition:form-data;name=\"%@\"\r\n\r\n",key as String).data(using: .utf8)!)
body.append("\(dict[key]!)\r\n".data(using: .utf8)!)
}
// 数据之前要用 --分隔线 来隔开 ,否则后台会解析失败
body.append(String(format:"--%@\r\n",boundary).data(using: .utf8)!)
// 文件
let key = "1.jpg"
// 文件主体
let data = UIImagePNGRepresentation(UIImage.init(named: key)!);
let file = "file"
// 传入最后一个参数
body.append(String(format:"Content-Disposition:form-data;name=\"%@\";filename=\"\(key)\"\r\n", file).data(using: .utf8)!)
// 文件类型
body.append("Content-Type:image/jpeg\r\n\r\n".data(using: .utf8)!)
// 添加文件主体
body.append(data)
// 使用\r\n来表示这个这个值的结束符
body.append("\r\n".data(using: .utf8)!)
// --分隔线-- 为整个表单的结束符
body.append(String(format:"--%@--\r\n",boundary).data(using: .utf8)!)
// 上传表单
URLSession.shared.uploadTask(with: request, from: body) { (data, resp, error) in
do{
let d = try JSONSerialization.jsonObject(with: data!, options: .mutableContainers)
print(d)
}catch{
print(error)
}
}.resume()
上面的代码在OS上是没问题的,但是在Linux上就会报错(更新于2017.9.6)
fatal error: shared is not yet implemented: file Foundation/NSURLSession/NSURLSession.swift
这是由于使用的URLSession.shared在Linux上还没有被实现,这里有说道原因。如果想了解还有那些在Linux上缺失的可以点这里。shared不能使用,我们就换个方法。
// 生成body的方法和上面的一样
request.httpBody = body
// 使用URLSessionConfiguration.default来生成URLSession
let session = URLSession(
configuration:URLSessionConfiguration.default, delegate: nil, delegateQueue: nil)
let dataTask = session.dataTask(with: request, completionHandler: {[weak self] (data, response, error) -> Void in
let tuple = self?.c(data: data, response: response, err: error);
completion((tuple?.0)!,tuple?.1)
})
dataTask.resume()
以上就是一个很全面的一次表单多参数上传的示例了,还有不明白的童鞋可以私信博主。