bootstrap-fileinput如何拦截后台数据,自定义处理业务逻辑

需要后台返回error字段,失败示例,注意:error必须有内容,不然默认也是成功,

bootstrap-fileinput失败验证只需要 error 字段,其他附加可用来其他业务逻辑处理 

失败示例 

{
  code:500
  error:"文件上传失败"
}

成功示例

{
  code:200
  error:"" //为空既可
}

前端拦截方法

fileuploaded  方法,单独上传成功会走这里
fileuploaderror 方法,单独上传失败会走这里
filebatchuploadcomplete 方法,批量上传失败会走这里
filebatchuploadsuccess 方法,批量上传成功会到这里

参考:

$('#input-id').on('fileuploaded', function(event, data, index, fileId) {
    console.log('文件上传成功', data, index, fileId);
    //可以根据data处理你的业务
});

$('#input-id').on('fileuploaderror', function(event, data, msg) {
    console.log('File uploaded', data.previewId, data.index, data.fileId, msg);
});

$('#input-id').on('filebatchuploadcomplete', function(event, data, config, tags, extraData) {
    console.log('filebatchuploadcomplete', data, config, tags, extraData);
});

$('#input-id').on('filebatchuploadsuccess', function(event, data) { 
    console.log('filebatchuploadsuccess',data);
});

 失败时必须返回 error 字段,并且不能为空,成功可以返回 error 字段,但是必须为空,携带其他字段就可以在拦截器里面工具验证码单独处理你的业务流程,比如code,msg

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐