bootstrap fileinput文件上传附加参数的传递以及后台参数的读取

已被格式化的叔叔

于 2021-05-22 18:01:59 发布

阅读量627

点赞数

CC 4.0 BY-SA版权

分类专栏：项目记录

本文链接：https://blog.youkuaiyun.com/sl1990129/article/details/117168206

项目记录专栏收录该内容

36 篇文章

订阅专栏

这段代码展示了如何使用jQuery的fileinput插件初始化一个文件上传控件，配置包括设置语言、上传URL、允许的文件类型、异步上传等选项。此外，还演示了如何通过uploadExtraData向后台传递额外参数，如apkName、versionNum和description等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面是初始化时候的代码：

  $("#uploadfile").fileinput({//初始化uploadfile控件
         language:'zh',
         uploadUrl:'/IntelligentMirrors/apkUpload',//初始化url参数能否重新赋值
         allowedFileExtensions:['txt'],
         uploadAsync:true,//默认异步上传
         showUpload:true,//是否显示上传按钮
         showRemove:true,//显示移除按钮
         showPreview:true,//是否显示预览
         showCaption:false,
         browseClass:"btn btn-primary",//按钮样式
         dropZoneEnable:true,//是否显示拖拽区域
         maxFileCount:1,//允许同时上传的最大文件数
         enctype:'multipart/form-data',
         validateInitialCount:true,
         # 注意这块
         uploadExtraData:function(){//向后台传递参数
             var data={
                 apkName:$("#apkName").val(),
                  versionNum:$("#versionNum").val(),
                 description:$("#description").val()
                };
                 return data;
          },

        });

参考链接：https://blog.youkuaiyun.com/Rolandcoder/article/details/79354630