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


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

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

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

    失败示例 

    1. {
    2. code:500
    3. error:"文件上传失败"
    4. }

    成功示例

    1. {
    2. code:200
    3. error:"" //为空既可
    4. }

    前端拦截方法

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

    参考:

    1. $('#input-id').on('fileuploaded', function(event, data, index, fileId) {
    2. console.log('文件上传成功', data, index, fileId);
    3. //可以根据data处理你的业务
    4. });
    5. $('#input-id').on('fileuploaderror', function(event, data, msg) {
    6. console.log('File uploaded', data.previewId, data.index, data.fileId, msg);
    7. });
    8. $('#input-id').on('filebatchuploadcomplete', function(event, data, config, tags, extraData) {
    9. console.log('filebatchuploadcomplete', data, config, tags, extraData);
    10. });
    11. $('#input-id').on('filebatchuploadsuccess', function(event, data) {
    12. console.log('filebatchuploadsuccess',data);
    13. });

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

  • 相关阅读:
    操作系统——互斥锁、自旋锁的定义(王道视频p29)
    Spring Security—OAuth 2.0 资源服务器的多租户
    【数据结构】设计环形队列
    “蔚来杯“2022牛客暑期多校训练营1(补题)——ADG
    linux 进程管理命令
    第59章 ApplicationPart内置依赖注入中间件
    22-9-17学习笔记
    Java安全之CC6
    代码大全阅读随笔(八)
    redis最佳实践
  • 原文地址:https://blog.csdn.net/qq_42410310/article/details/134329115