使用七牛多图上传&踩坑&解决方案

很多项目都有上传图片的功能,有的保存在自己的服务器中,有的使用第三方存储服务
这里我们使用七牛提供的对象存储服务


七牛对象存储

Android开发上传图片到七牛的步骤

1. 集成七牛SDK

compile 'com.qiniu:qiniu-android-sdk:7.3.+'

2. 获得上传凭证token用于上传图片到七牛

这一步没啥好说的,就是服务端会给你一个接口,你使用该接口获取token即可

3. 然后调用七牛的API上传图片

Configuration config = new Configuration.Builder()
                    .chunkSize(512 * 1024)        // 分片上传时,每片的大小。 默认256K
                    .putThreshhold(1024 * 1024)   // 启用分片上传阀值。默认512K
                    .connectTimeout(10)           // 链接超时。默认10秒
                    .useHttps(true)               // 是否使用https上传域名
                    .responseTimeout(60)          // 服务器响应超时。默认60秒
                    //.recorder(recorder)           // recorder分片上传时,已上传片记录器。默认null
                    //.recorder(recorder, keyGen)   // keyGen 分片上传时,生成标识符,用于片记录器区分是那个文件的上传记录
                    //.zone(FixedZone.zone0)        // 设置区域,指定不同区域的上传域名、备用域名、备用IP。
                    .build();
// 重用uploadManager一般地,只需要创建一个uploadManager对象
UploadManager uploadManager = new UploadManager(config);
//data = <File对象、或 文件路径、或 字节数组>
//String key = <指定七牛服务上的文件名,或 null>;
//String token = <从服务端获取>;
uploadManager.put(data, key, token,
    new UpCompletionHandler() {
        @Override
        public void complete(String key, ResponseInfo info, JSONObject res) {
            //res包含hash、key等信息,具体字段取决于上传策略的设置
             if(info.isOK()) {
                Log.i("qiniu", "Upload Success");
             } else {
                Log.i("qiniu", "Upload Fail");
                //如果失败,这里可以把info信息上报自己的服务器,便于后面分析上传错误原因
             }
             Log.i("qiniu", key + ",\r\n " + info + ",\r\n " + res);
            }
        }, null);
注意:上传图片的时候报错401 bad token
{ver:7.3.10,ResponseInfo:1514100119681772,status:401, reqId:WgYAAGJX5-KaKgMV, xlog:body:1;UP:2/401, xvia:vdn-fjfz-tel-1-2, host:upload-z2.qiniup.com, path:/, ip:27.155.94.248, port:443, duration:119 s, time:1514100744, sent:28058,error:bad token},
          {"error":"bad token"}

这里我检查了很多遍,也和服务端再三确认token是没有错误的,但是为啥会报401 bad token
然后ios端的告诉我,要对token字符串进行处理,去掉token中的换行符和空格符

String a = qiNiuToken.replace("\\s", "");
String token = a.replace("\n", "");

处理之后再次执行,Upload Success成功了!
这里还是有疑问为什么明明Log打印出来的token字符串根本没看到换行符和空格符啊。。。。。

七牛上传多张图片的问题

问题一:怎么解决多图同时上传全部成功监听

假设场景:

现在有一个新增商品页面,该页面需要先上传产品的5张细节图,拿到5张图片的url,才能提交新增商品。

问题:

必须要监听所有图片上传成功,才能执行新增商品,但问题是七牛的对象上传接口默认一次只能传一个。
总不可能同步的办法去一张张上传图片,一张传成功再传下一张。这样当图片很多的时候很没效率浪费时间。

思路:

七牛有提供了上传进度回调的API,当进度percent等于1.0说明上传完成
一张图片完成,任务完成计数+1,当计数等于图片的数量时,说明全图图片上传完成,执行新增商品操作

uploadManager.put(data, key, token,handler,
    new UploadOptions(null, null, false,
        new UpProgressHandler(){
            public void progress(String key, double percent){
                Log.i("qiniu", key + ": " + percent);//上传进度
            }
        }, null));
做法如下:

将所有图片保存在一个容器中,foreach循环执行上传图片的操作

声明一个变量来统计图片上传完成的张数
private int uploadTaskCount;//七牛上传图片完成计数

Log.i("qiniu", key + ": " + percent);
if (percent == 1.0)//上传进度等于1.0说明上传完成,通知 完成任务+1
  {
    Message message = Message.obtain();
    message.what = QI_NIU_UPLOAD_OK;
    handler.sendMessage(message);
  }
Handler handler = new Handler()
    {
        @Override
        public void handleMessage(Message msg)
        {
            switch (msg.what)
            {
                case QI_NIU_UPLOAD_OK://七牛上传图片完成计数
                    uploadTaskCount++;
                    Log.e("uploadTaskCount", uploadTaskCount + "");
                    if (uploadTaskCount == list.size())//容器中图片全部上传完成
                    {
                        //新增商品
                    }
                    break;
            }
        }
    };

问题二:有序图片上传,返回的URL无序

假设场景:

现在有一个新增商品页面,该页面需要先上传产品的1张主图和2张细节图,拿到3张图片的url保存到url容器中上传服务端,但是保存url的容器的要求,顺序依次为主图,细节图,细节图。

问题:

在问题一中已经可以解决多图同时上传的问题,但是 返回的url是无序的
例如:
图片文件容器中有a.jpg(10M),b.jpg(0.5M),c.jpg(2M)这三张图片,a为主图,bc为细节图。同时上传,可能会出现b.jpg先传完添加url到url容器中,然后c.jpg传完添加url到容器中,最后才添加a.jpg的url到容器中。这与服务端要求的url顺序,是不符合的

思路

七牛上传的API中可以指定上传的图片在七牛服务上的文件名
String key = <指定七牛服务上的文件名,或 null>;

ata = <File对象、或 文件路径、或 字节数组>
String key = <指定七牛服务上的文件名,或 null>;
String token = <从服务端SDK获取>;
uploadManager.put(data, key, token,
    new UpCompletionHandler() {
        @Override
        public void complete(String key, ResponseInfo info, JSONObject res) {
            //res包含hash、key等信息,具体字段取决于上传策略的设置
             if(info.isOK()) {
                Log.i("qiniu", "Upload Success");
             } else {
                Log.i("qiniu", "Upload Fail");
                //如果失败,这里可以把info信息上报自己的服务器,便于后面分析上传错误原因
             }
             Log.i("qiniu", key + ",\r\n " + info + ",\r\n " + res);
            }
        }, null)

这样就可以在上传的时候把原来的图片名+时间戳指定该图片在七牛服务上的文件名
全部图片上传完成后得到保存所有图片的url容器,利用url中的时间戳对保存url的容器从新排序。时间戳最早的就是主图,放在容器第一个元素。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,856评论 25 707
  • 前言 项目中有一处功能是从相册中选取图片,然后上传至七牛服务器。这儿是以前别人做的,上次功能有小改动,发现这儿的逻...
    Wang66阅读 4,543评论 5 21
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,637评论 18 139
  • 今天主要系统的复习了心理测验技能、心理咨询技能,对于测验的相关计算题进行了系统的练习,对于心理咨询的相关简答题也有...
    牙膏蓝阅读 96评论 0 0
  • 每次从菜市场出来,都想为自已的早餐胃留一点点空间,来这家店里点一碗汤粉或是一份肠粉,为的是不给从这里经过因为没吃到...
    阿阿闲阅读 335评论 0 0