@@ -94,52 +94,56 @@ <h4 class="modal-title" id="myModalLabel">查看初始化代码</h4>
94
94
< pre > < code >
95
95
//引入Plupload 、qiniu.js后
96
96
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
130
130
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
+ }
140
141
}
141
- }
142
- });
142
+ });
143
+
144
+ // domain 为七牛空间(bucket)对应的域名,选择某个空间后,可通过"空间设置-> 基本设置-> 域名设置"查看获取
145
+
146
+ // uploader 为一个plupload对象,继承了所有plupload的方法,参考http://plupload.com/docs
143
147
</ code > </ pre >
144
148
</ div >
145
149
< div class ="modal-footer ">
0 commit comments