七牛上传文件（JS实现）

写在前面： 本人是个新人，很多说法或者写法不正确不严谨，请见谅！
未写前的迷茫： 在七牛官网实例中可以很正常的使用上传功能，但是将文件以及资源下载到本地就不能上传了，报“格式错误”、“媒体类型错误”等，也不知道是什么原因导致的。后来看了uptoken比较重要，自认为是那里的原因，但是具体是怎么回事还没弄明白。后经过师父指点，需要服务器提供uptoken，加之在七牛文档中心查阅了相关的上传设置，才知道uptoken是业务服务器返回到客户端以供上传文件到七牛的上传凭证。uptoken主要是通过七牛SDK构造。并且也学习到uptoken的构造需要由AccessKey、SecretKey、bucketName，而且这些是需要自己在官网去注册申请，在之前这些都不知道，导致没办法进行下去。

七牛上传简介：官方文档地址：http://developer.qiniu.com/docs/v6/sdk/javascript-sdk.html

功能包括：

上传

• html5模式大于4M时可分块上传，小于4M时直传
• Flash、html4模式直接上传
• 继承了Plupload的功能，可筛选文件上传、拖曳上传等
• 下载(公开资源)

数据处理（图片）

• imageView2（缩略图）
• imageMogr2（高级处理，包含缩放、裁剪、旋转等）
• imageInfo （获取基本信息）
• exif （获取图片EXIF信息）
• watermark （文字、图片水印）
• pipeline （管道，可对imageView2、imageMogr2、watermark进行链式处理）

业务流程：

一般  客户端（终端用户） => 业务服务器 => 云存储服务

缺点：

1. 多了一次中转的上传过程，同数据存放在用户的业务服务器中相比，会相对慢一些；
2. 增加了用户业务服务器的负载，消耗了带宽，占用了磁盘，降低了服务能力；
3. 增加了用户的流量消耗，来自终端用户的上传数据进入业务服务器，然后再次上传至云存储服务，净增一倍流量。

更改  客户端（终端用户） => 七牛 => 业务服务器
优点：
客户端（终端用户）直接上传到七牛的服务器。通过DNS智能解析，七牛会选择到离终端用户最近的ISP服务商节点，速度会相比数据存放在用户自己的业务服务器上的方式更快。而且，七牛云存储可以在用户文件上传成功以后，替用户的客户端向用户的业务服务器发送反馈信息，减少用户的客户端同业务服务器之间的交互。

实现步骤：
1 环境准备
添加maven依赖

        
        
            com.qiniu
            sdk
            6.1.7
        
        

2 初始化

要接入七牛云存储，您需要拥有一对有效的 Access Key 和 Secret Key 用来进行签名认证。

2.1注册七牛开发者账号，查看AccessKey和SecretKey

2.2 新建一个空间，取一个自己空间的名称niu8

2.3在controller中添加一个方法用来生成uptoken，uptoken可简单理解为七牛上传的凭证，JS在设置的时候需要这个。

    @RequestMapping(value = "uptoken", method = RequestMethod.GET)
    @ResponseBody
    public ResponseEntity