Swift 上传文件

pic.jpg

前言

最近在使用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()

以上就是一个很全面的一次表单多参数上传的示例了，还有不明白的童鞋可以私信博主。