bootstrap-fileinput组件怎么在上传时指定额外的URL参数

2025-03-23 04:57:10
推荐回答(2个)
回答1:

  由于英文水平问题,阅读官方文档时没有找到该问题的解决方法,于是去github提了一个issue ,得到的答案是仔细阅读文档,里面有一个回调函数可以解决问题??
  解决方法
  关键的配置参数是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: "",
  initialCaption: "请选择上传素材",
  uploadExtraData: function(previewId, index) { //额外参数的关键点
  var obj = {};
  obj.fodder = fodderType();
  console.log(obj);
  return obj;
  }
  });
  }
  关键点:
  可以看到配置文件中uploadExtraData的参数是一个函数形式,这是一个回调函数,会在上传时调用,读取配置的额外参数。

回答2:

bootstrap-fileinput组件上传指定额外的URL参数的方法如下: