bootstrap-fileinput拦截文件上传处理失败,根据后台返回数据处理

9 篇文章 0 订阅
5 篇文章 0 订阅

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值