码迷,mamicode.com
首页 > Web开发 > 详细

bootstrap-fileinput组件在上传时传递额外参数

时间:2018-01-10 18:38:35      阅读:1396      评论:0      收藏:0      [点我收藏+]

标签:max   设置   ada   http   str   bootstra   html   pfile   comm   

解决方法

  关键的配置参数是uploadExtraData
  具体的代码如下:

 //获得额外参数的方法
    fodderType = function() {
            return $("#fodderTypeSelect").val();
        };
          
    //初始化fileinput控件(第一次初始化)
    function initFileInput(ctrlName, FileExtensions, fileSize) {
            var control = $(‘#‘ + ctrlName);

            control.fileinput({
                language: ‘zh‘, //设置语言
                uploadUrl: "/WxMedia/ImageUpload", //上传的地址
                allowedFileExtensions: FileExtensions, //接收的文件后缀
                showUpload: true, //是否显示上传按钮
                showCaption: true, //是否显示标题,
                maxFileSize: fileSize * 1000, //单位为kb,如果为0表示不限制文件大小
                browseClass: "btn btn-primary", //按钮样式
                previewFileIcon: "<i class=‘glyphicon glyphicon-king‘></i>",
                initialCaption: "请选择上传素材",
                uploadExtraData: function(previewId, index) {   //额外参数的关键点
                    var obj = {};
                    obj.fodder = fodderType();
                    console.log(obj);
                    return obj;
                }
            });
        }

  




原文连接:http://www.cnblogs.com/haijd/p/bootstrapfileinputuploadExtraData.html

解决方法

  关键的配置参数是uploadExtraData
  具体的代码如下:

    //获得额外参数的方法
    fodderType = function() {
            return $("#fodderTypeSelect").val();
        };
          
    //初始化fileinput控件(第一次初始化)
    function initFileInput(ctrlName, FileExtensions, fileSize) {
            var control = $(‘#‘ + ctrlName);

            control.fileinput({
                language: ‘zh‘, //设置语言
                uploadUrl: "/WxMedia/ImageUpload", //上传的地址
                allowedFileExtensions: FileExtensions, //接收的文件后缀
                showUpload: true, //是否显示上传按钮
                showCaption: true, //是否显示标题,
                maxFileSize: fileSize * 1000, //单位为kb,如果为0表示不限制文件大小
                browseClass: "btn btn-primary", //按钮样式
                previewFileIcon: "<i class=‘glyphicon glyphicon-king‘></i>",
                initialCaption: "请选择上传素材",
                uploadExtraData: function(previewId, index) {   //额外参数的关键点
                    var obj = {};
                    obj.fodder = fodderType();
                    console.log(obj);
                    return obj;
                }
            });
        }

bootstrap-fileinput组件在上传时传递额外参数

标签:max   设置   ada   http   str   bootstra   html   pfile   comm   

原文地址:https://www.cnblogs.com/LijiafengBlog/p/8259866.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!