分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

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

发布时间:2023-09-06 01:35责任编辑:沈小雨关键词:组件

解决方法

  关键的配置参数是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组件在上传时传递额外参数

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved