那么就需要把文件上传到七牛云,之前所有的上传是各个端(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、自定义文件名称: