当前位置: 首页> 财经> 金融 > el-upload上传文件类型大小限制+手动上传+通过后端给的接口带参数_el-upload 文件类型

el-upload上传文件类型大小限制+手动上传+通过后端给的接口带参数_el-upload 文件类型

时间:2025/7/9 21:09:04来源:https://blog.csdn.net/2401_85124682/article/details/139623740 浏览次数:0次

type=“success”
                :loading=“submitebtn”
                :disabled=“this.fileList.length == 0”
                @click=“submitUpload”
                >上传配置
             


                只能上传xml/a2l文件
             

           

data(){return{url: "",//action 设置为空字符串即可fileList: [],//展示在页面上的文件 操作可以对 文件进行 相应的展示和删除}
}

methods:{// 选择的文件超出限制的文件总数量时触发limitCheck() {this.$message.warning("最多只能上传2个文件");},// 上传到服务器submitUpload() {this.submitebtn = true;let formData = new FormData();console.log(this.fileList);let newname = this.fileList[0].raw.name;let filea2L = {};let fileXML = {};if (newname.substring(newname.lastIndexOf(".")) === ".a2l") {filea2L = this.fileList[0].raw;fileXML = this.fileList[1] ? this.fileList[1].raw : {};} else {filea2L = this.fileList[1] ? this.fileList[1].raw : {};fileXML = this.fileList[0].raw;}console.log(fileXML);formData.append("a2lFile", filea2L);formData.append("soaXml", fileXML);formData.append("projectId", this.projectId);this.postRequest("/file/upload", formData).then((res) => {console.log(res);if (res.code == 0) {this.$message({dangerouslyUseHTMLString: true,message:`<h4>文件上传成功</h4><h4>${filea2L.name?filea2L.name:''}</h4> <h4>${fileXML.name?fileXML.name:''}</h4>`,type:'success',duration:3500});this.submitebtn = false;} else {this.$message.error(res.message);this.submitebtn = false;}});},// 文件列表移除文件时的钩子handleRemove(file, fileList) {console.log(file, fileList);this.fileList = fileList;},// 点击文件列表中已上传的文件时的钩子handlePreview(file) {console.log(file);},// 删除文件之前的钩子,参数为上传的文件和文件列表,若返回 false 或者返回 Promise 且被 reject,则停止删除。beforeRemove(file, fileList) {console.log(file);console.log(fileList);return this.$confirm(`确定移除 ${file.name}?`);},// 选取文件改变时的操作 可以判断文件类型是否 把不符合的删除缓存 fileList 就是页面缓存的文件changefile(file, fileList) {console.log(file);console.log(fileList);let arr = [];fileList.forEach((item, index) => {let endname = item.raw.name.substring(item.raw.name.lastIndexOf("."));arr.push(endname);if (endname != ".a2l" && endname != ".xml") {this.$message.error("上传文件格式只能是 xml 、a2l 格式!");fileList.splice(index, 1);}});console.log(arr);if (new Set(arr).size != fileList.length) {fileList.splice(-1);this.$message.warning("选取失败 ! 相同格式的最多上传一次");}console.log(fileList);this.fileList = fileList;},
}

数据结构与算法

这一块在笔试、面试的代码题中考核较多,其中常考的数据结构主要有:数组、链表、队列、栈、Set、Map、哈希表等,不同数据结构有不同的方法以及储存原理,这些算是技术岗的必备知识。算法部分主要分为两大块,排序算法与一些其他算法题

排序算法根据考频高低主要有:快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种,这类考核点要么是算法的时间、空间复杂度、稳定度,要么是直接手写代码,故在理解算法原理的同时,对JS语言版的排序算法代码也要加强记忆。

  • 二叉树层序遍历
  • B 树的特性,B 树和 B+树的区别
  • 尾递归
  • 如何写一个大数阶乘?递归的方法会出现什么问题?
  • 把多维数组变成一维数组的方法
  • 知道的排序算法 说一下冒泡快排的原理
  • Heap 排序方法的原理?复杂度?
  • 几种常见的排序算法,手写
  • 数组的去重,尽可能写出多个方法
  • 如果有一个大的数组,都是整型,怎么找出最大的前 10 个数
  • 知道数据结构里面的常见的数据结构
  • 找出数组中第 k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2
  • 合并两个有序数组
  • 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)

k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2

  • 合并两个有序数组
  • 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)

[外链图片转存中…(img-pC0U3wcE-1718168621880)]

关键字:el-upload上传文件类型大小限制+手动上传+通过后端给的接口带参数_el-upload 文件类型

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: