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'); 
});