首页 > 其他分享 >ElementUI的Upload组件上传时如何携带参数

ElementUI的Upload组件上传时如何携带参数

时间:2023-08-08 18:23:50浏览次数:59  
标签:RequestParam ElementUI enterpriseGroupName Upload enterpriseGroupDes 参数 file 上传

后端接口
    @PostMapping("/manual/import")
    @ApiOperation("手工导入")
    public RtnResult manualImport(@RequestParam("enterpriseGroupName") String enterpriseGroupName,
                                  @RequestParam("file") MultipartFile file,
                                  @RequestParam("enterpriseGroupDes") String enterpriseGroupDes) {
        return enterpriseGroupService.manualImport(enterpriseGroupName, file, enterpriseGroupDes);
    }

前端
    <el-upload
       class="upload-demo"
       :action="url"
       accept=".csv,.xlsx,.txt"
       show-file-list
       ref="uploadRef"
       :limit="2"
       :auto-upload="false"
       :multiple="false"
       :on-change="handleChange"
       :data={enterpriseGroupName:this.step1Form.groupName,enterpriseGroupDes:this.step1Form.groupComment}
    >
    使用 :data={参数} ,参数为键值对的形式{key1:value1,key2:value2},传递参数

    data() {
      return {
         step1Form: {
            groupName: '',
            nameList: '',
            groupComment: '',
         },
         url: this.$GLOBAL.teis + 'enterprise/group/manual/import'
      }
    }

    触发上传时,代码中加上this.$refs.uploadRef.submit();即可,例如下图

image

成功携带参数上传

image

标签:RequestParam,ElementUI,enterpriseGroupName,Upload,enterpriseGroupDes,参数,file,上传
From: https://www.cnblogs.com/cainiaozzw/p/17615095.html

相关文章

  • JavaScript实现文件夹的上传和下载
    ​ASP.NET上传文件用FileUpLoad就可以,但是对文件夹的操作却不能用FileUpLoad来实现。下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。ASP.NET页面设计:TextBox和Button按钮。 ​编辑TextBox中需要自己受到输入文件夹的路径(包含文件夹),通过Button......
  • vue实现文件夹的上传和下载
    ​ 文件夹数据库处理逻辑public class DbFolder{    JSONObjectroot;       public DbFolder()    {        this.root= new JSONObject();        this.root.put("f_id", "");        this.root.put("f_nameLoc", "......
  • 前端实现文件夹的上传和下载
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......
  • python打包成sdk上传到私有仓库和使用
    我们已经学习了如何运行一个python项目(当我们有它的源码文件py文件的时候)。python的使用和运行我们有一个项目,需要打包到其他机器上运行,如果每次都是复制整个项目源码就显得有点笨拙。实现这个需求有很多种方案。例如:PyInstaller可参考链接:https://ningyu1.github.io/site/po......
  • 百度ueditor富文本--配置图片上传
    我们在之前的文章中已经学习了如何初始化百度ueditor富文本编辑器:百度ueditor富文本--PC端单个,PC端多个,mobile单个,mobile多个官网对编辑器的初始化和使用文档是比较详细的,这里就不多说了。本小节主要记录一下在初始化完编辑器之后 配置启用编辑器中的图片上传插件。项目路......
  • Git上传本地项目文件到远程仓库
    为了标识身份,建议先完成Git全局设置gitconfig--globaluser.name"xxxxxx"gitconfig--globaluser.email"[email protected]"方式一:克隆仓库gitclonehttps://xxx.xxxxx.com/xxxxxx/xxx.gitcdxxxtouchREADME.mdgitaddREADME.mdgitcommit-m"addRE......
  • html实现文件夹的上传和下载
    ​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于springboot+vue实现的文件上传,本文主要介绍服务端实现文件......
  • 安装宝塔上传网站后经常被攻击被挂马,怎么防护呢?
    安装宝塔上传网站后经常被攻击被挂马,怎么防护呢?最近很多人出现网站被挂马,被攻击,被黑的情况,仔细一问,发现很多人安装个宝塔后,啥防护都没有,啥安全措施也没有弄,这无疑是降低了安全防护。解决办法:安装宝塔后,安装一个下面这个防护, 这样就可以给你的服务器和网站添加一道防火墙,虽......
  • Java Spring MVC 图片上传操作详解
    JavaSpringMVC图片上传操作详解在现代的Web开发中,图片上传是一个非常常见的需求。而JavaSpringMVC框架则是JavaWeb开发中常用的框架之一。本文将介绍如何在JavaSpringMVC框架中实现图片上传操作。JavaSpringMVC图片上传操作详解1.创建文件上传表单首先需要在前端页面......
  • 百度编辑器 图片粘贴上传,实现图文粘贴,图片自动上传
    ​ 1.编辑器修改(可选)1.1在 ueditor/config.json 中添加代码块    /* 上传word配置 */    "wordActionName":"wordupload",/* 执行上传视频的action名称 */    "wordFieldName":"upfile",/* 提交的视频表单名称 */    "wordPathFormat":"/p......