使用 uploader 进行七牛图片上传

.

说明

我是七牛的忠实拥趸。
个人网站、公司项目，文件和图片的存储方案使用的都是七牛。
这两天在封装 DC 的七牛图片上传，遇到了点问题，不过最后还是解决了。
这里只分享下简单的思路和代码。
.

开发思路

1. 生成七牛上传令牌
   因为有安全隐患，七牛官方推荐开发者向自己的业务服务器发送 ajax 进行获取。
   我在贴出的代码中略过了这一步，你们自己处理。
   .
2. 选取图片
   使用摄像头（plus.camera）或者相册（plus.gallery）都可以。
   .
3. 上传图片
   最主要就是设置 “令牌”、“图片名称” 等参数。
   不过需要的注意就是添加文件（addFile）后面一定要加 {"key":"file"}，这是固定值，不要改，别问我为什么。

.

// 从相册获取图片  
plus.gallery.pick(function(ret){  

    // 获取图片名称  
    var path = ret;  
    var file = ret.substr(ret.lastIndexOf("/")+1);  
    var token = "xxxxxxx";    // 填写你的七牛上传令牌  

    // 上传图片  
    var url = "http://upload.qiniu.com/";  
    var uploader = plus.uploader.createUpload(url,{},function(up,state){  
        if( state==200 )  
            Console("上传成功");  
        else  
            Console("上传失败 - ",state);  
    });  

    uploader.addData("key",file);  
    uploader.addData("token",token);  
    uploader.addFile(path,{"key":"file"});      // 固定值，千万不要改！！！！！！  
    uploader.start();  

});