|
@@ -134,7 +134,8 @@ |
|
@@ -134,7 +134,8 @@ |
134
|
var $li = $(
|
134
|
var $li = $(
|
135
|
'<div id="' + file.id + '" class="file-item thumbnail">' +
|
135
|
'<div id="' + file.id + '" class="file-item thumbnail">' +
|
136
|
'<img>' +
|
136
|
'<img>' +
|
137
|
- '<div class="info">' + file.name + '</div>' +
|
137
|
+ //'<div class="info">' + file.name + '</div>' +
|
|
|
138
|
+ '<div class="info">上传中......</div>' +
|
138
|
'</div>'
|
139
|
'</div>'
|
139
|
),
|
140
|
),
|
140
|
$img = $li.find('img');
|
141
|
$img = $li.find('img');
|
|
@@ -153,13 +154,14 @@ |
|
@@ -153,13 +154,14 @@ |
153
|
}
|
154
|
}
|
154
|
|
155
|
|
155
|
$img.attr('src', src);
|
156
|
$img.attr('src', src);
|
|
|
157
|
+ $img.css("opacity","0.3");
|
156
|
}, thumbnailWidth, thumbnailHeight);
|
158
|
}, thumbnailWidth, thumbnailHeight);
|
157
|
window.uploadFile = file;
|
159
|
window.uploadFile = file;
|
158
|
});
|
160
|
});
|
159
|
|
161
|
|
160
|
// 文件上传过程中创建进度条实时显示。
|
162
|
// 文件上传过程中创建进度条实时显示。
|
161
|
uploader.on('uploadProgress', function(file, percentage) {
|
163
|
uploader.on('uploadProgress', function(file, percentage) {
|
162
|
- var $li = $('#' + file.id),
|
164
|
+ var $li = $wrap.find('#' + file.id),
|
163
|
$percent = $li.find('.progress span');
|
165
|
$percent = $li.find('.progress span');
|
164
|
|
166
|
|
165
|
// 避免重复创建
|
167
|
// 避免重复创建
|
|
@@ -174,14 +176,16 @@ |
|
@@ -174,14 +176,16 @@ |
174
|
|
176
|
|
175
|
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
|
177
|
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
|
176
|
uploader.on('uploadSuccess', function(file, response) {
|
178
|
uploader.on('uploadSuccess', function(file, response) {
|
177
|
- $('#' + file.id).addClass('upload-state-done');
|
179
|
+ $wrap.find('#' + file.id).addClass('upload-state-done');
|
|
|
180
|
+ $wrap.find('#' + file.id).find('div.info').text('上传成功');
|
|
|
181
|
+ $wrap.find('#' + file.id).find('img').css("opacity","");
|
178
|
|
182
|
|
179
|
uploadSuccess(file, response);
|
183
|
uploadSuccess(file, response);
|
180
|
});
|
184
|
});
|
181
|
|
185
|
|
182
|
// 文件上传失败,显示上传出错。
|
186
|
// 文件上传失败,显示上传出错。
|
183
|
uploader.on('uploadError', function(file) {
|
187
|
uploader.on('uploadError', function(file) {
|
184
|
- var $li = $('#' + file.id),
|
188
|
+ var $li = $wrap.find('#' + file.id),
|
185
|
$error = $li.find('div.error');
|
189
|
$error = $li.find('div.error');
|
186
|
|
190
|
|
187
|
// 避免重复创建
|
191
|
// 避免重复创建
|
|
@@ -194,7 +198,7 @@ |
|
@@ -194,7 +198,7 @@ |
194
|
|
198
|
|
195
|
// 完成上传完了,成功或者失败,先删除进度条。
|
199
|
// 完成上传完了,成功或者失败,先删除进度条。
|
196
|
uploader.on('uploadComplete', function(file) {
|
200
|
uploader.on('uploadComplete', function(file) {
|
197
|
- $('#' + file.id).find('.progress').remove();
|
201
|
+ $wrap.find('#' + file.id).find('.progress').remove();
|
198
|
});
|
202
|
});
|
199
|
|
203
|
|
200
|
uploader.on('ready', function() {
|
204
|
uploader.on('ready', function() {
|