JSAjaxFileUploader上传后显示图片

Question

我正在使用JSAjaxFileUploader，但无法找到任何选项，以便在文件上传后显示缩略图，因为它会自动滑出。

文档中也没有此选项。

Answer 1

由于插件中没有这样的功能，我们必须编辑核心插件文件。

在JSAjaxFileUploader.js文件中找到以下行：

$eml.slideUp(settings.closeAnimationSpeed,function(){$eml.remove();});

删除此行，然后添加以下内容：

$('.JSOprIcons img[title="Stop Upload"]', $eml).remove();
$('.JSpercent', $eml).html('Uploaded');
$('.JSProgressBarParent', $eml).remove();
var thisFileSize = $('.JSsize', $eml).html();
var thisFileSizeShort = thisFileSize.substr(0, thisFileSize.indexOf('/'));
$('.JSsize', $eml).html(thisFileSizeShort);

我有多个文件选项设置为默认值，所以我也会添加此代码：

$('form ul.JSpreveiw li:not(:last-child)').slideUp(settings.closeAnimationSpeed,function(){$('form ul.JSpreveiw li:not(:last-child)').remove()});

但如果您将多个文件设置为大于1，则相应地更改此代码。