krajee引导文件输入

Question

我使用插件krajee引导文件输入。 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'); 
});