element上传大文件就报错500_element-ui 中使用upload多文件上传只请求一次接口

方法一

不使用组件内部的钩子

class="upload-image"

ref="upload"

multiple

:action="baseUrl"

list-type="picture"

:auto-upload="false"

accept="image/*">

选取文件

上传到服务器

只能上传jpg、png、gif 格式，大小不超过500KB的图片

js

点击上传服务器的按钮时调用这个函数，也就是说不走upload的钩子，不调用他的方法自己搞

submitUpload () {

let { uploadFiles } = this.$refs.upload

let form = new FormData()

let status = true

// 在这里对每一张图片进行大小的校验，如果不符合则提示，所有不符合的都提示，校验完成后只要有不符合条件的就不执行下面的操作

uploadFiles.forEach(item => {

const size = item.raw.size / 1024 <= 500

if (!size) {

this.$message.error(`${item.raw.name}大小超过500KB`)

status = false

retu