zoukankan      html  css  js  c++  java
  • bootstrap-fileinput组件在上传时传递额外参数

    解决方法

      关键的配置参数是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;
                    }
                });
            }
  • 相关阅读:
    2019年8月16日_实验室学术论文研讨
    2019年8月2日实验室学术研讨会议
    2019年7月26日实验室学术研讨会议
    2019年7月12日实验室开展学术研讨
    hdu 5547
    hdu 1286
    hdu 1272
    hdu 1213
    poj 2533 LIS(最长上升序列)
    HUD 5773 LIS(最长上升序列)
  • 原文地址:https://www.cnblogs.com/LijiafengBlog/p/8259866.html
Copyright © 2011-2022 走看看