用elementUI怎么实现多图文上传

Question

<form action="/addPackageType" method="post" enctype="multipart/form-data">

                  <label for="packageName">分类名称</label>
                  <input type="text" name="packageName" id="packageName">
                  <label for="activeIcon">选中图标</label>
                  <input type="file"/ name="activeIcon">
                  <label for="defaultIcon">默认图标</label>
                  <input type="file"/name="defaultIcon">
                  <button type="submit">确定</buttom>
              </form>

以前用上面代码实现多图文上传，【同时上传多张图片和问题】
后端【node】用formidable处理了这个请求，

在不改变后端的情况下，
现在想用 elementUI 实现上面的效果，，我该怎么写呢？

    <el-upload
            class="upload-demo"
            ref="upload"
            action="http://192.168.31.197:6688/pcfoodaddPackageType"
            :http-request="addPackageType"
            :data="package"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :file-list="icons"
            :on-success="hha"
            multiple【我同时选择了5张图片， multiple这里怎么写呢？我这里不管怎么写，都会发送5次请求】
            :auto-upload="false">
            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
            <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload" >上传到服务器</el-button>
            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
        </el-upload>

Answer 1

通过http-request自定义上传的实现，可以通过args.file获得本地的多个文件，然后你调自己的接口即可

<template>
  <div>
    <el-upload action="null" multiple drag :http-request="myupload"></el-upload>
  </div>
</template>

<script>
export default {
  name: 'index',
  methods: {
    myupload(args) {
      console.info(args.file)
    }
  }
}
</script>