|
@@ -153,17 +153,17 @@ |
|
@@ -153,17 +153,17 @@ |
153
|
|
153
|
|
154
|
// 文件上传过程中创建进度条实时显示。
|
154
|
// 文件上传过程中创建进度条实时显示。
|
155
|
uploader.on('uploadProgress', function(file, percentage) {
|
155
|
uploader.on('uploadProgress', function(file, percentage) {
|
156
|
- var $li = $('#' + file.id),
|
|
|
157
|
- $percent = $li.find('.progress span');
|
|
|
158
|
-
|
|
|
159
|
- // 避免重复创建
|
|
|
160
|
- if (!$percent.length) {
|
|
|
161
|
- $percent = $('<p class="progress"><span></span></p>')
|
|
|
162
|
- .appendTo($li)
|
|
|
163
|
- .find('span');
|
|
|
164
|
- }
|
|
|
165
|
-
|
|
|
166
|
- $percent.css('width', percentage * 100 + '%');
|
156
|
+ var $li = $( '#'+file.id ),
|
|
|
157
|
+ $percent = $li.find('.progress .progress-bar');
|
|
|
158
|
+ // 避免重复创建
|
|
|
159
|
+ if ( !$percent.length ) {
|
|
|
160
|
+ $percent = $('<div class="progress progress-striped active">' +
|
|
|
161
|
+ '<div class="progress-bar" role="progressbar" style="width: 0%">' +
|
|
|
162
|
+ '</div>' +
|
|
|
163
|
+ '</div>').appendTo($li).find('.progress-bar');
|
|
|
164
|
+ }
|
|
|
165
|
+ $li.find('p.state').text("上传中");
|
|
|
166
|
+ $percent.css( 'width', percentage * 100 + '%' );
|
167
|
});
|
167
|
});
|
168
|
|
168
|
|
169
|
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
|
169
|
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
|
|
@@ -189,7 +189,7 @@ |
|
@@ -189,7 +189,7 @@ |
189
|
|
189
|
|
190
|
// 完成上传完了,成功或者失败,先删除进度条。
|
190
|
// 完成上传完了,成功或者失败,先删除进度条。
|
191
|
uploader.on('uploadComplete', function(file) {
|
191
|
uploader.on('uploadComplete', function(file) {
|
192
|
- $('#' + file.id).find('.progress').remove();
|
192
|
+ $('#' + file.id).find('.progress').remove();
|
193
|
});
|
193
|
});
|
194
|
|
194
|
|
195
|
uploader.on('ready', function() {
|
195
|
uploader.on('ready', function() {
|