关于使用fileinput插件遇到的传额外参数的问题

最新推荐文章于 2021-08-20 10:46:30 发布

原创最新推荐文章于 2021-08-20 10:46:30 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #控件

jquery插件专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何利用fileinput插件实现文件上传功能，并通过回调函数uploadExtraData传递额外表单数据。具体展示了配置参数如语言、预览、文件类型限制等。

在传文件的同时需要在表单写入几个字段来传,但是初始化时是不能适时获取到表单数据的，所以你需要用一个回掉函数uploadExtraData

    $(function () {
       initFileUpload();
    });
  
    //初始化文件上传控件
    function initFileUpload(){
       $("#pdfUpload").fileinput({
          language: 'zh', //中文显示
            showPreview : false,
            //showUpload: true,//是否显示上传按钮
            maxFileCount: 1,//最大允许的文件数量
            allowedFileExtensions : ['pdf','jpg'],//接收的文件后缀
            initialCaption:"请上传PDF格式的文件,最大10MB",
            mainClass: "input-group-lg",
            dropZoneEnabled: false,//是否显示拖拽区域
            browseClass: "btn btn-primary",//按钮样式
            enctype:"multipart/form-data",
           // maxFileSize: 10240,//允许的文件大小,0 标示不限制
            uploadUrl: '${pageContext.request.contextPath}/notice/fileUpload',
            uploadExtraData:function(){
                return {id:$("#id").val(),filetype:$("#filetype").val()}
         }
        })
    }