...
|
...
|
@@ -134,7 +134,8 @@ |
|
|
var $li = $(
|
|
|
'<div id="' + file.id + '" class="file-item thumbnail">' +
|
|
|
'<img>' +
|
|
|
'<div class="info">' + file.name + '</div>' +
|
|
|
//'<div class="info">' + file.name + '</div>' +
|
|
|
'<div class="info">上传中......</div>' +
|
|
|
'</div>'
|
|
|
),
|
|
|
$img = $li.find('img');
|
...
|
...
|
@@ -153,13 +154,14 @@ |
|
|
}
|
|
|
|
|
|
$img.attr('src', src);
|
|
|
$img.css("opacity","0.3");
|
|
|
}, thumbnailWidth, thumbnailHeight);
|
|
|
window.uploadFile = file;
|
|
|
});
|
|
|
|
|
|
// 文件上传过程中创建进度条实时显示。
|
|
|
uploader.on('uploadProgress', function(file, percentage) {
|
|
|
var $li = $('#' + file.id),
|
|
|
var $li = $wrap.find('#' + file.id),
|
|
|
$percent = $li.find('.progress span');
|
|
|
|
|
|
// 避免重复创建
|
...
|
...
|
@@ -174,14 +176,16 @@ |
|
|
|
|
|
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
|
|
|
uploader.on('uploadSuccess', function(file, response) {
|
|
|
$('#' + file.id).addClass('upload-state-done');
|
|
|
$wrap.find('#' + file.id).addClass('upload-state-done');
|
|
|
$wrap.find('#' + file.id).find('div.info').text('上传成功');
|
|
|
$wrap.find('#' + file.id).find('img').css("opacity","");
|
|
|
|
|
|
uploadSuccess(file, response);
|
|
|
});
|
|
|
|
|
|
// 文件上传失败,显示上传出错。
|
|
|
uploader.on('uploadError', function(file) {
|
|
|
var $li = $('#' + file.id),
|
|
|
var $li = $wrap.find('#' + file.id),
|
|
|
$error = $li.find('div.error');
|
|
|
|
|
|
// 避免重复创建
|
...
|
...
|
@@ -194,7 +198,7 @@ |
|
|
|
|
|
// 完成上传完了,成功或者失败,先删除进度条。
|
|
|
uploader.on('uploadComplete', function(file) {
|
|
|
$('#' + file.id).find('.progress').remove();
|
|
|
$wrap.find('#' + file.id).find('.progress').remove();
|
|
|
});
|
|
|
|
|
|
uploader.on('ready', function() {
|
...
|
...
|
|