首页 > 其他分享 >上传文件携带参数

上传文件携带参数

时间:2022-08-30 09:11:06浏览次数:59  
标签:const form 携带 参数 上传 formData append

使用el-upoad组件自定义上传
使用formData.append()来添加参数
直接在控制台打印formData参数为空 获取formData参数使用formData.get()

<el-upload class="upload" ref="uploadBox" action="" :multiple="false" :limit="1" accept=".xls,.xlsx" :file-list="fileList" :auto-upload="false" :http-request="upload">
            <el-button size="mini" type="primary">选择文件</el-button>
</el-upload>
<el-button style="margin-left:15px" size="mini" type="primary" icon="el-icon-upload" @click="btnClick">上传</el-button>
async upload (item) {
      const formData = new FormData()
      formData.append('file', item.file)
      formData.append('bankId', this.form.bankId)
      formData.append('appendFlag', this.form.appendFlag)
      formData.append('allSuccessFlag', this.form.allSuccessFlag)
      formData.append('successRemark', this.form.successRemark)
      this.importLoading = true
      const res = await api.importBill(formData).finally(() => {
        this.importLoading = false
      })
    },
async btnClick () {
      const files = this.$refs.uploadBox.uploadFiles
      // 判断是否已选择文件
      if (files.length > 0) {
        this.$refs.uploadBox.submit()
      } else {
        this.$message({
          message: '请先选择文件!!!',
          type: 'warning'
        })
      }
    },

标签:const,form,携带,参数,上传,formData,append
From: https://www.cnblogs.com/whh666/p/16638104.html

相关文章

  • Spring Boot:上传文件大小超限制如何捕获 MaxUploadSizeExceededException 异常
    (7条消息)SpringBoot:上传文件大小超限制如何捕获MaxUploadSizeExceededException异常_ifu25的博客-CSDN博客......
  • c# form-data上传图片流到远程服务器
     先贴代码,后面做一些简单说明:publicstaticstringsendPostHttpRequest_2(stringurl,byte[]postBytes,stringcontentType="multipart/form-data;boundary=---......
  • Mysql8.0修改lower_case_table_names参数导致重启失败
    GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源。GreatSQL是MySQL的国产分支版本,使用上与MySQL一致。事件起因:在测试一个数据迁移工具时,源端orac......
  • nacos2.1 新增配置发布失败。请检查参数是否正确
    使用官方的docker部署方式,部署了一个单节点nacosserver,部署完了后发布配置信息,报错“新增配置发布失败。请检查参数是否正确”解决方法:在nacosmysql数据库中分别在conf......
  • js 实现解析和构造Url参数
    //解析获取的url中的参数为对象functionparseQueryString(url){if(!url){return{};}constqsArr=decodeURIComponent(url).split("?"......
  • JSP的文件上传和下载
    文件的上传和下载文件的上传和下载,是非常常见的功能。很多的系统中,或者软件中都经常使用文件的上传和下载。比如:微信头像,就使用了上传。邮箱中也有附件的上传和下载功能......
  • 文件上传靶场
    1-3文件上传漏洞第一关查看源代码js前端验证   上传查看回显效果   先上传php木马,提示不能上传;只能上传jpg、png、gif为后缀得文件,那么把木马文件得php......
  • 文件上传靶场11-16(修改)
    11-16文件上传靶场第11关   提示只允许上传jpg、png、gif类型   第十二关解题思路: Pass-11的防护方法是将出现在黑名单中的后缀名替换成空白字符串,但无......
  • JavaWeb--SMBMS项目与文件上传
    前言JavaWeb其实就是一个技术的总和,把Web看成一个容器而已主要使用JavaEE技术来实现.在加上各种中间件。整个javaWeb阶段的内容通过实际的案例贯穿学习,所涉及到的技......
  • asp.net上传文件夹的解决方案
    ​ 1 背景用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文......