如何使用七牛

七牛 足迹 图片存储

首先介绍下七牛, 它是一个图片云存储解决方案. 当把它看图片存储工具的黑盒时, 1.上传阶段, 它的输入是图片(也可以是静态文件css, js等), 输出是该图片的url; 2.下载阶段, 输入是url, 输出是对应的图片.

下面结合使用过程介绍七牛相关的概念.

1. AK/SK/UpToken
   AK:AccessKey, SK:SecretKey, 这两个是七牛账户的密钥, 主要是为了用户的唯一认证. UpToken: 是利用AK, SK生成的, 它经过了七牛特定方法加密, 并且其中设置了上传策略. 在前端上传图片时需要向后台发起请求获得UpToken, 前端在上传图片时将UpToken作为上传凭证, 向七牛服务器发起请求.
2. 上传模型
   根据七牛服务器与业务服务器间是否存在回调关系, 分成如下两种情况:
   
   无回调图片上传, 客户端从业务服务器获取到上传凭证(UpToken), 利用该凭证直接将图片上传到七牛服务器并获得返回结果(包括url等).
   
   有回调图片上传, 客户端在获得UpToken, 并利用该凭证将图片上传到七牛后, 七牛向业务服务器发起回调, 并将回调结果一并返回给客户端.
3. 上传策略
   服务端利用AK/SK制定上传策略时, 可以指定空间名(图片在七牛上的位置), 有效时长(限制该上传凭证什么时候失效), 上传类型限制(限定用户上传文件的类型, 图片), 上传文件最大值限制等, 利用上传策略可以有效控制上传凭证.

在足迹中使用图片上传的方式

不使用回调的方式在图片上传过程中更简单, 基本满足我们的需要, 而且不使用回调也就可以不使用ngrok, 这对于程序的调试是很方便的.

客户端怎样上传图片

七牛支持通用的上传方式, 使用form的方式参考这里. 接下来主要展开plupload的方式上传, 大致框架参考这里. 主要针对几个参数进行说明:
uptoken_url, 请求上传凭证的url, 这里plupload会用这个url请求上传凭证.
domain, 空间域名, 是七牛空间的url
auto_start, 是否自动开始上传, true--自动上传, false--不自动上传
在设置成不自动上传, 需要绑定上传事件

    $('#submit-button').on('click', function(){
        uploader.start(); //调用实例对象的start()方法开始上传文件，当然你也可以在其他地方调用该方法
    });

有关缩略图和水印

七牛本身支持缩略图和水印,可以利用url中添加参数的形式获取缩略图, 水印等效果, 详细情况来自这里.