krajee bootstrap文件输入

Question

我正在使用插件krajee bootstrap文件输入。 web site

我想将照片发送到服务器。 在使用ajax将照片发送到服务器后，服务器返回一条消息json。 如果服务器响应并成功，我想禁用输入文件的按钮，并只显示删除按钮。 我应该怎么做？ 我尝试过，但效果不好。

$("#file-1").fileinput({
uploadAsync: false,
uploadUrl: 'o.php', 
allowedFileExtensions : ['jpg', 'png','gif'],
overwriteInitial: false,
maxFileSize: 1000,
maxFilesNum: 10,
MAXFILECOUNT:1,
//allowedFileTypes: ['image', 'video', 'flash'], 
slugCallback: function(filename) {
return filename.replace('(', '_').replace(']', '_');

}

}).on('fileuploaded', function(event, data, previewId, index) {
$('#file-1').fileinput('disable');
});

Answer 1

使用'filebatchuploadsuccess'而不是'fileuploaded'

.on('filebatchuploadsuccess', function(event, data) {
  $('#file-1').fileinput('disable');
});

Answer 2

您可以使用"filebatchuploadcomplete"事件触发上传完成。这将失败或成功：

$('#file-1').on('filebatchuploadcomplete', function(event, files, extra) {
    $('#file-1').fileinput('disable');
});