七牛云 js前端上传文件

      最近项目重构开发，延续之前的版本使用七牛云存储文件；
      那么就需要把文件上传到七牛云，之前所有的上传是各个端（IOS、android、web）先上传到服务器，再由服务器上传到七牛云上，服务程序使用的java上传，比较简单，就不说了。
      现在这个版本考虑到需要上传的文件较多，其中很多视频文件，再走服务器上传的话效率太低，还占用服务器带宽，所以直接由各个端直接上传到七牛上去；  IOS 和android由前端的自己去弄sdk（后台省了一个接口，哈哈~~），但是管理后台上传文件还得自己来啊， 就研究了一下七牛的  js-sdk上传；

      下面说说我的接入步骤（上传图片为例）：

      1、导入下面两个js，这俩个js在七牛https://developer.qiniu.com/kodo/sdk/1283/javascript 可以找到直接引用的CDN文件，但是建议自己下载源码到自己服务器然后引入，因为我们可能修改qiniu1.0.14.js （版本可以不一样）里面的代码； 

<!-- 七牛上传相关 -->
<script src="../resource/plugins/qiniu/qiniu1.0.14.js"  ></script>
<script src="../resource/plugins/qiniu/plupload2.1.9.full.min.js"  ></script>

       2、html代码，创建一个table，在td里面创建一个button，这个button就是上传选择文件的触发按钮 ； 七牛的js会在这个标签下面生成input标签的代码，可以自己在浏览器查看下，是有的~~~~~~

<td align="left" id="bannerTd">
              <button id="uploadBanner" style="width: 160px;"  class="btn btn-info" >选择文件</button>
 </td>

      3、js代码 ，创建一个方法ininQiniu() ,这个方法在 步骤2中的代码加载后就执行；

          a、把td的id值【bannerTd】，填写到 下面方法的 container  和  drop_element处；
          b、 把 button的id值【uploadBanner】，填写到下面的browse_button处；

       c、上传的文件名称问题，有两种方式：

                       1、自动生成随机文件名称：

                   unique_names: true ,              //true生成唯一的文件名称

                                2、自定义文件名称：