七牛js sdk开发小结

在移动端限制请求的图片大小

七牛的图片处理应用很简单，只需要我们在图片的url后面添加处理参数即可，处理参数分为多种，我们选取两种最常用的

/0/w/<LongEdge>/h/<ShortEdge>

该模式适合移动端处理，限定缩略图的长边最多为<LongEdge>，短边最多为<ShortEdge>，进行等比缩放，不裁剪。如果只指定 w 参数则表示限定长边（短边自适应），只指定 h 参数则表示限定短边（长边自适应）

/2/w/<Width>/h/<Height>

模式2适合PC上做缩略图,限定缩略图的宽最多为<Width>，高最多为<Height>，进行等比缩放，不裁剪。如果只指定 w 参数则表示限定宽（长自适应），只指定 h 参数则表示限定长（宽自适应）。它和模式0类似，区别只是限定宽和高，不是限定长边和短边。

七牛图片处理文档 http://developer.qiniu.com/co...

限制只能上传单张图片

在页面中初始化uploader的时候，传递参数multi_selection: false,进去，即可限制每次选择的时候，只能选择一张图片

var uploader = Qiniu.uploader({
    runtimes: 'html5,flash,html4',   
    ···
    multi_selection: false, 
    ···

实现本地预览

在BeforeUpload函数中，获取file参数，通过getSource函数转换为file对象，注意这里的getSource（）函数是两个，使用URL.createObjectURL()函数创建一个本地预览的blob对象

'BeforeUpload': function(up, file) {
      var fileObj=file.getSource().getSource();
      $("img").attr('src',URL.createObjectURL(fileObj));
},