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