vue使用sdk进行七牛上传

1. 七牛javascript-sdk官方地址：https://developer.qiniu.com/k...
2. github中七牛sdk上传功能参考代码: https://github.com/qiniu/js-sdk
3. 上传20M的相机高清图片，需要在图片后面添加后缀：+?'imageslim/3/h/136',对上传的文件进行处理，不然图片会出现小问题
4. 此为处理图片的方法：https://developer.qiniu.com/d...
5. 安装对应插件到dependencies: npm install qiniu-js
6. 七牛上传使用的是七牛sdk,图片展示时会被自动压缩，上传成功后resolve()会返回两个参数：hash、key, 使用返回的key字段与后台返回的七牛域名进行拼接，这就组成了新的图片地址，但是返回的key是没有类似 .jpg 后缀的，所以需要在上传前给 七牛sdk的key换成自己的标识

==================== 如下为具体代码 =====================

js生成全局唯一标识符方法（guid）
function guid(uuid) {

return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g,function(c) {
var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
return v.toString(16);
})+uuid;
}

图片太小，放第二张代码清晰的进行对比
备注：测试时候如果上传不成功也无报错，可打印七牛token,这是后台返回的，基本原因就是token丢失了
subscription.unsubscribe() // 上传取消 这方法是取消图片上传的，上传成功后再调这方法，七牛的sdk就会无法上传了