一、构建一个map

  1. getAllDeptAllUsers(){
  2. const modleCode = {'auditMenuId': this.auditMenuId,
  3. 'enterpriseId': this.$store.getters.enterpriseId};
  4. deptJs.getAllDeptAllUsers(modleCode).then(res=>{
  5. this.departmentList = res.data;
  6. })
  7. },

二、通过const data = new FormData()创建一个FormData对象

  1. handleUploadChange(file, fileList) {
  2. if(this.auditors == ''||this.auditors == null){
  3. this.$message.error('上传前请先选择审核人')
  4. return
  5. }
  6. if (file.name.lastIndexOf('.') < 0) {
  7. this.$message.error('上传文件只能是xls、xlsx格式!')
  8. return
  9. }
  10. const testMsg = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase()
  11. const extensionXLS = testMsg == 'xls'
  12. const extensionXLSX = testMsg == 'xlsx'
  13. if (!extensionXLS && !extensionXLSX) {
  14. this.$message.error('上传文件只能是xls、xlsx格式!')
  15. return
  16. }
  17. const isLt2M = file.size / 1024 / 1024 < 2
  18. if (!isLt2M) {
  19. this.$message.error('上传文件不能超过 2MB!')
  20. return
  21. }
  22. console.log('import continue')
  23. this.importLoading = true
  24. this.importDisabled = true
  25. const data = new FormData()
  26. data.append('file', file.raw)
  27. data.append('ids',this.auditors)
  28. data.append('mesNodeNo',this.dataObj.mesNodeNo)
  29. Node.importExcel(data).then(response => {
  30. if (response.success == true) {
  31. this.open2(response.msg)
  32. this.importLoading = false
  33. this.importDisabled = false
  34. this.getList()
  35. } else {
  36. this.open2(response.msg)
  37. this.importLoading = false
  38. this.importDisabled = false
  39. }
  40. }).catch(() => {
  41. this.open2('抱歉,导入失败')
  42. this.importLoading = false
  43. this.importDisabled = false
  44. })
  45. },

前端传递数据到后台的两种方式;创建一个map或者创建一个FormData对象的更多相关文章

  1. Android提交数据到服务器的两种方式四种方法

    本帖最后由 yanghe123 于 2012-6-7 09:58 编辑 Android应用开发中,会经常要提交数据到服务器和从服务器得到数据,本文主要是给出了利用http协议采用HttpClient方 ...

  2. python利用mongodb上传图片数据 : GridFS 与 bson两种方式

    利用mongodb保存图片通常有两种方法,一种是将图片数据转化为二进制作为字典的键值对进行保存,另一种是利用mongodb提供的GridFS进行保存,两者各有利弊.性能方面的优劣未曾测试,无法进行评价 ...

  3. mysql导出数据到excel的两种方式

    使用第一种方式如果数据中有换行符的话会自动换行,但使用第二种方式就不会出现这种效果了.两种方式自己选择哈 1:select * from into outfile 'c:/Users/a.xls' t ...

  4. 前端提交数据到node的N种方式

    写在前面 本篇介绍了前端提交数据给node的几种处理方式,从最基本的get和post请求,到图片上传,再到分块上传,由浅入深. GET请求 经典的get提交数据,参数通过URL传递给node,node ...

  5. DStream转为DF的两种方式(突破map时元组22的限制)

    在进行Spark Streaming的开发时,我们常常需要将DStream转为DataFrame来进行进一步的处理, 共有两种方式,方式一: val spark = SparkSession.buil ...

  6. Java导出数据为EXCEL的两种方式JXL和POI

    JXL和POI导出数据方式的比较 POI支持excel2003和2007,而jxl只支持excel2003. 下面为测试代码: public class TestCondition { /** * 生 ...

  7. ASP.NET MVC之控制器传递数据到视图的四种方式

    前奏 1. 在新建项目中的Models文件下,新建Products类: public class Products { public int Id { get; set; } public strin ...

  8. java分段加载数据,循环和递归两种方式

    package org.jimmy.autosearch2019.test; import java.util.ArrayList; public class Test20190328 { priva ...

  9. 定义一个Map集合,key和value不规定类型,任意放入数据,用keySet()和 entrySet()两种方式遍历出Map集合的数据

    package com.lanxi.demo1_1_1; import java.util.HashMap; import java.util.Iterator; import java.util.M ...

随机推荐

  1. ASP.NET Core默认容器实现Controller的属性注入

    仅针对Controller的属性注入: 使用默认容器,不依赖第三方库: 故事背景   闲来无事给项目做优化,发现大多数Controller里面都会用到Logger和AutoMapper,每个Contr ...

  2. POJ2785 4 Values whose Sum is 0 (二分)

    题意:给你四组长度为\(n\)序列,从每个序列中选一个数出来,使得四个数字之和等于\(0\),问由多少种组成情况(仅于元素的所在位置有关). 题解:\(n\)最大可以取4000,直接暴力肯定是不行的, ...

  3. 牛客编程巅峰赛S1第5场 - 青铜&白银 C.排队 (优先队列,归并排序)

    题意:有\(m\)个窗口,\(n\)个人排队,每个人都有各自的办理时间,只有办理完成窗口才能空出来,后面的人开始办理,求有多少人比后面的人开始办理的早但完成的晚. 题解:我们可以用优先队列来模拟办理, ...

  4. WSL ubuntu重置密码

    1. 在powershell中切换到root: 2. 进入ubuntu: 3. 修改制定用户的密码: 4. 切换回默认的用户:

  5. transformers---FloatProgress not found. Please update jupyter and ipywidgets.

    问题 运行 huggingface transformers 的 demo,报错FloatProgress not found.具体如下: import torch from transformers ...

  6. Python——Django框架——邮件

    #引用EMAIL服务 EMAIL_BACKEND = 'django.cpre.mail.backends.smtp.EmailBackend' #EMAIL发送服务器 EMAIL_HOST = 's ...

  7. kubernetes进阶(三)服务发现-coredns

    服务发现,说白了就是服务(应用)之间相互定位的过程. 服务发现需要解决的问题: 1.服务动态性强--容器在k8s中ip变化或迁移 2.更新发布频繁--版本迭代快 3.支持自动伸缩--大促或流量高峰 我 ...

  8. 线程池原理讲解——ThreadPoolExecutor

    [这是前几天的存货,留着没发表,今天又复习一遍,润化了部分内容,继续干] 说线程池前,先简单回顾一下线程的状态吧: 1.线程状态转换 线程的五种状态,及其转换关系: 2.线程创建方式 三种:两个接口一 ...

  9. 2018牛客多校第一场 E-Removal【dp】

    题目链接:戳这里 转自:戳这里 题意:长度为n的序列,删掉m个数字后有多少种不同的序列.n<=10^5,m<=10. 题解:dp[i][j]表示加入第i个数字后,总共删掉j个数字时,有多少 ...

  10. Gym102361A Angle Beats(直角三角形 计算几何)题解

    题意: \(n\)个点,\(q\)个询问,每次问包含询问点的直角三角形有几个 思路: 代码: #include<bits/stdc++.h> using namespace std; co ...