@@ -94,52 +94,56 @@ <h4 class="modal-title" id="myModalLabel">查看初始化代码</h4>
9494 < pre > < code >
9595 //引入Plupload 、qiniu.js后
9696
97- var Q = new Qiniu({
98- runtimes: 'html5,flash,html4', //上传模式,依次退化
99- browse_button: 'pickfiles', //上传选择的点选按钮,**必须 **
100- uptoken_url: '/token', //Ajax请求upToken的Url,**必须 **(服务端提供)
101- domain: 'http://qiniu-plupload.qiniudn.com/', //buckete 域名,下载资源时用到,**必须 **
102- container: 'container', //上传区域DOM ID,默认是browser_button的父元素,
103- max_file_size: '100mb', //最大文件体积限制
104- flash_swf_url: 'js/plupload/Moxie.swf', //引入flash,相对路径
105- max_retries: 3, //上传失败最大重试次数
106- dragdrop: true, //开启可拖曳上传
107- drop_element: 'container', //拖曳上传区域元素的ID,拖曳文件或文件夹后可触发上传
108- chunk_size: '4mb', //分块上传时,每片的体积
109- auto_start: true, //选择文件后自动上传,若关闭需要自己绑定事件触发上传
110- init: {
111- 'FilesAdded': function(up, files) {
112- plupload.each(files, function(file) {
113- //文件添加进队列后,处理相关的事情
114- });
115- },
116- 'BeforeUpload': function(up, file) {
117- //每个文件上传前,处理相关的事情
118- },
119- 'UploadProgress': function(up, file) {
120- //每个文件上传时,处理相关的事情
121- },
122- 'FileUploaded': function(up, file, info) {
123- //每个文件上传成功后,处理相关的事情
124- //其中 info 是文件上传成功后,服务端返回的json,形式如
125- // {
126- // "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
127- // "key": "gogopher.jpg"
128- // }
129- // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html
97+ var uploader = Qiniu.uploader ({
98+ runtimes: 'html5,flash,html4', //上传模式,依次退化
99+ browse_button: 'pickfiles', //上传选择的点选按钮,**必需 **
100+ uptoken_url: '/token', //Ajax请求upToken的Url,**必需 **(服务端提供)
101+ domain: 'http://qiniu-plupload.qiniudn.com/', //bucket 域名,下载资源时用到,**必需 **
102+ container: 'container', //上传区域DOM ID,默认是browser_button的父元素,
103+ max_file_size: '100mb', //最大文件体积限制
104+ flash_swf_url: 'js/plupload/Moxie.swf', //引入flash,相对路径
105+ max_retries: 3, //上传失败最大重试次数
106+ dragdrop: true, //开启可拖曳上传
107+ drop_element: 'container', //拖曳上传区域元素的ID,拖曳文件或文件夹后可触发上传
108+ chunk_size: '4mb', //分块上传时,每片的体积
109+ auto_start: true, //选择文件后自动上传,若关闭需要自己绑定事件触发上传
110+ init: {
111+ 'FilesAdded': function(up, files) {
112+ plupload.each(files, function(file) {
113+ //文件添加进队列后,处理相关的事情
114+ });
115+ },
116+ 'BeforeUpload': function(up, file) {
117+ //每个文件上传前,处理相关的事情
118+ },
119+ 'UploadProgress': function(up, file) {
120+ //每个文件上传时,处理相关的事情
121+ },
122+ 'FileUploaded': function(up, file, info) {
123+ //每个文件上传成功后,处理相关的事情
124+ //其中 info 是文件上传成功后,服务端返回的json,形式如
125+ // {
126+ // "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
127+ // "key": "gogopher.jpg"
128+ // }
129+ // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html
130130
131- // var domain = up.getOption('domain');
132- // var res = parseJSON(info);
133- // var sourceLink = domain + res.key; 获取上传成功后的文件的Url
134- },
135- 'Error': function(up, err, errTip) {
136- //上传出错时,处理相关的事情
137- },
138- 'UploadComplete': function() {
139- //队列文件处理完毕后,处理相关的事情
131+ // var domain = up.getOption('domain');
132+ // var res = parseJSON(info);
133+ // var sourceLink = domain + res.key; 获取上传成功后的文件的Url
134+ },
135+ 'Error': function(up, err, errTip) {
136+ //上传出错时,处理相关的事情
137+ },
138+ 'UploadComplete': function() {
139+ //队列文件处理完毕后,处理相关的事情
140+ }
140141 }
141- }
142- });
142+ });
143+
144+ // domain 为七牛空间(bucket)对应的域名,选择某个空间后,可通过"空间设置-> 基本设置-> 域名设置"查看获取
145+
146+ // uploader 为一个plupload对象,继承了所有plupload的方法,参考http://plupload.com/docs
143147 </ code > </ pre >
144148 </ div >
145149 < div class ="modal-footer ">
0 commit comments