美文网首页iOS 杂谈iOS基础扩展iOS分享的demo
iOS里实现multipart/form-data格式上传文件

iOS里实现multipart/form-data格式上传文件

作者: FindCrt | 来源:发表于2016-02-22 01:42 被阅读28825次

    1.使用微博开发的一个“发送带图片微博”的接口来测试,这是接口地址,这里面明确说明需要使用multipart/form-data格式提交图片。关于使用微博开放平台api、授权之类的就不说了。

    2.multipart/from-data是一种进行表单提交时的消息格式。表单提交数据的时候,默认类型是application/x-www-form-urlencoded,也就是key=value的键值对格式,提交文件的时候使用multipart/from-data。因为是表单提交,所以http请求方式是POST。然后在请求头里设置Content-Type为multipart/from-data指定请求的格式。

      NSURL *URL = [[NSURL alloc]initWithString:urlString];
          request = [[NSMutableURLRequest alloc]initWithURL:URL cachePolicy:(NSURLRequestUseProtocolCachePolicy) timeoutInterval:30];
      request.HTTPMethod = @"POST";
    
        NSString *boundary = @"wfWiEWrgEFA9A78512weF7106A";
        request.allHTTPHeaderFields = @{
                                        @"Content-Type":[NSString stringWithFormat:@"multipart/form-data; boundary=%@",boundary]
                                        };```
    
    注意到在Content-Type里还有个boundary,顾名思义,这个东西是用来做分隔的字符串。boundary本身没有特殊要求,只要不会和其他内容混淆就好,所以尽量复杂些。
    
    3.POST请求,参数都放在请求体里面,而请求体是这里的关键,multipart/form-data就是一种格式,约定请求体的数据如何存放。放个例子先:
    

    --wfWiEWrgEFA9A78512weF7106A //部分1
    Content-Disposition: form-data; name="status" //部分2

    哈哈哈 //部分3
    --wfWiEWrgEFA9A78512weF7106A
    Content-Disposition: form-data; name="source"

    2582981980
    --wfWiEWrgEFA9A78512weF7106A
    Content-Disposition: form-data; name="access_token"

    2.00nVEJoBgbvnoCc54e19c4c4NksmWC
    --wfWiEWrgEFA9A78512weF7106A
    Content-Disposition: form-data; name="pic"; filename="卡车.png";Content-Type=image/png

    ...这里是文件的二进制数据... //部分4
    --wfWiEWrgEFA9A78512weF7106A-- //部分5

    上面的“//部分X”是注释哈。
    (1)部分1是“--”+boundary,即双减号加分隔符,然后换行,注意换行是使用“\r\n”,因为这些标准开始都是在html中使用的。测试了微博接口,换行也不能出错。
    (2)部分2的格式是:Content-Disposition: form-data; name="xxx",这里的xxx是接口的参数,比如微博测试接口有一个参数是“status”,那status写在这里。然后是两个换行,即“\r\n\r\n”。
    (3)有key就有value,上面说了key的位置,这里就是value的位置。“status”字段代表的是微博的正文内容,所以就把微博正文内容放在部分3位置,即“哈哈哈”。然后换行。
    (4)然后就是部分1、2、3这个结构重复,每一个重复结构对应着接口里的一个字段的数据。直到你要上传的文件,部分4。部分4这一节多出了“ilename="卡车.png";Content-Type=image/png”这些内容,其实这里可以还有其他的内容可以设置,charset和content-transfer-encoding,都是用于描述这一部分数据。具体参考[rfc标准](http://www.ietf.org/rfc/rfc2388.txt)。需要注意的是,name\filename是带引号的,而Content-Type是没有的,就这一个细节,废掉了我一下午啊!
        这里的Content-Type值是这里要上传文件的格式,也不能错。
    (5)部分4这里是需要上传的文件的二进制数据,当然其他部分也是同样是要转成NSData的。
    (6)最后部分5是结束标识,--wfWiEWrgEFA9A78512weF7106A这部分是和前面的分割符一样,但接下来不是换行,而是继续“--”,整个请求体结束。这也是个坑啊,之前以为没有“--”!
    
    具体代码如下:
    

    NSMutableData *postData = [[NSMutableData alloc]init];//请求体数据
    for (NSString *key in params) {
    //循环参数按照部分1、2、3那样循环构建每部分数据
    NSString *pair = [NSString stringWithFormat:@"--%@\r\nContent-Disposition: form-data; name="%@"\r\n\r\n",boundary,key];
    [postData appendData:[pair dataUsingEncoding:NSUTF8StringEncoding]];

        id value = [params objectForKey:key];
        if ([value isKindOfClass:[NSString class]]) {
            [postData appendData:[value dataUsingEncoding:NSUTF8StringEncoding]];
        }else if ([value isKindOfClass:[NSData class]]){
            [postData appendData:value];
        }
        [postData appendData:[@"\r\n" dataUsingEncoding:NSUTF8StringEncoding]];
    }
    
    //文件部分
    NSString *filename = [filePath lastPathComponent];
    NSString *contentType = AFContentTypeForPathExtension([filePath pathExtension]);
    
    NSString *filePair = [NSString stringWithFormat:@"--%@\r\nContent-Disposition: form-data; name=\"%@\"; filename=\"%@\";Content-Type=%@\r\n\r\n",boundary,fileKey,filename,contentType];
    [postData appendData:[filePair dataUsingEncoding:NSUTF8StringEncoding]];
    [postData appendData:fileData]; //加入文件的数据
    
    //设置请求体
    [postData appendData:[[NSString stringWithFormat:@"\r\n--%@--\r\n",boundary] dataUsingEncoding:NSUTF8StringEncoding]];
        request.HTTPBody = postData;
    //设置请求头总数据长度
    [request setValue:[NSString stringWithFormat:@"%lu",(unsigned long)postData.length] forHTTPHeaderField:@"Content-Length"];
    
    然后根据文件后缀名可以获取对应的Content-Type,从AFNetWorking里抄的:
    

    static inline NSString * AFContentTypeForPathExtension(NSString *extension) {

    ifdef UTTYPE

    NSString *UTI = (__bridge_transfer NSString *)UTTypeCreatePreferredIdentifierForTag(kUTTagClassFilenameExtension, (__bridge CFStringRef)extension, NULL);
    NSString *contentType = (__bridge_transfer NSString *)UTTypeCopyPreferredTagWithClass((__bridge CFStringRef)UTI, kUTTagClassMIMEType);
    if (!contentType) {
        return @"application/octet-stream";
    } else {
        return contentType;
    }
    

    else

    pragma unused (extension)

    return @"application/octet-stream";
    

    endif

    }

    得导入下#import <MobileCoreServices/UTType.h>才生效。
    
    需要注意的:
    1、每个该换行的地方都不能少,也不能多,且换行为“\r\n”
    2、Content-Type的值没有引号
    3、整个请求体是以“--”结束的。
    
    
    然后因为postData里面混进了图片的二进制数据,没法从NSData转成字符串,在调试的时候没法直观的查看哪里出了问题。我的做法是把添加文件数据,改成一个字符串的数据,比如:
    

    [postData appendData:[@"测试文件数据" dataUsingEncoding:NSUTF8StringEncoding]];
    //[postData appendData:fileData]; //加入文件的数据

    
    最后是项目代码:[github地址](https://github.com/ToFind1991/UploadFileTest)。微博授权功能已经在里面了,先授权,在测试提交图片。上传后看控制台输入,成功后可以在授权的微博账号里看见刚发的这条微博。
    
    
    -----------------
    
    这个很久没更新了,相关知识可以直接参考AFNetWorking的封装,上传文件部分就是这个原理。

    相关文章

      网友评论

      • Harely:2018-03-06 11:16:05.952687+0800 UploadFileTest[1026:61774] received Data:
        {"error":"invalid_access_token","error_code":21332,"request":"/2/statuses/upload.json"}{"error":"invalid_access_token","error_code":21332,"request":"/2/statuses/upload.json"}
        这个是什么原因造成的?那个asstoken我获取到了,但是那个传送文件的地址url是不是写的有问题啊!有空可以看看吗?
        Harely:可以加个微信,给我看看这个问题吗?@Find1991
        FindCrt:@Harely 这个很久没运行了,随便看看吧。
      • Amore2018:亲测可用,谢谢:blush:
        不过AFNetworking的AFHTTPSessionManager类可以不用我们自己编码生成multipart/form-data格式,直接把参数Dictionary传递给parameters就可以了。
        真爱要有你才完美:@Find1991 大佬在么 可以讨论下么 急 做不出来
        直走天涯:怎么后台接收不到数据,显示全部为空
        FindCrt:@Nijat_Bay 是的,AF上传部分代码封装得非常好,用起来很舒服,也值得一读
      • zzww:亲测可用,谢谢
        Harely:把代码发过来,我按照他发的地址下载代码,结果一运行,错误百漏
      • 9d8bd178a546:楼主我按照你的写法,上传文件的时候,后台检查到丢失了一个参数
      • 不服就是干:楼主,赞一个
      • 4df2374eab7d:你好文章有一个狠严重的错误望纠正,我就是因为这个错误改了半天NSString *filePair = [NSString stringWithFormat:@"--%@\r\nContent-Disposition: form-data; name=\"%@\"; filename=\"%@\";Content-Type=%@\r\n\r\n",boundary,fileKey,filename,contentType];
        [postData appendData:[filePair dataUsingEncoding:NSUTF8StringEncoding]];
        Content-Type前面不是分号是\r\n还有后面不是=号是:加空格
        FindCrt:这里确实有问题,不过有些后台可能有这方面容错,也请求成功了。谢谢指正,已修改
      • YY_Lee:看了你的demo只能上传一个文件,如果有多个文件要怎么处理呢
        FindCrt:多个文件就在文件部分重复,带上不同的name,后台可以分辨。
      • 2ed4a3f3f9e4:花了不少心思来写的,赞个
        Harely:你代运行了吗?瞎比比
      • 搬砖公:我的只上传key / value,但是按你的来为何传上去的数据显示老是
        不对
      • 994863abba9e:套用了你的表单提交的方法却报了几个这样的错误楼主知道是什么原因么
        _AFContentTypeForPathExtension in AFURLRequestSerialization ?
      • 刘学丽:你好,我想请问下,为什么我使用您的这种方法上传的后台说没有参数名称,
        yaoyao_IOS:同问。。。
      • 麦兜兜买兜兜: 你好,我用微博授权了之后好是提示我没授权,控制台输出是这些 webView load error: Error Domain=WebKitErrorDomain Code=102 "Frame load interrupted" UserInfo={NSErrorFailingURLStringKey=https://www.baidu.com/?code=13de81e240ca79f280963163886f9eb8, NSLocalizedDescription=Frame load interrupted, NSErrorFailingURLKey=https://www.baidu.com/?code=13de81e240ca79f280963163886f9eb8}
        2016-04-15 17:19:23.586 UploadFileTest[2610:154118] 还未授权
        Harely:@Find1991 你自己的问题,通知并没有把asstoken传递过来
        FindCrt:看起来好像是授权完成后之后跳转链接出了错,因为是从跳转链接里取的授权码,所以没取到授权码没了。这个错误信息里显示是webview加载奔溃了。你跟一下授权页面webview的代理方法看下吧。

      本文标题:iOS里实现multipart/form-data格式上传文件

      本文链接:https://www.haomeiwen.com/subject/umgvkttx.html