图片上传问题，可多上传几个文件

spring

4 天以前 b57c02f998cac0f54afb4a27757b0101659234f4

 src/components/FileUpload/index.vue

@@ -1,21 +1,8 @@
<template>

  <div class="upload-file">

    <el-upload

      multiple

      :action="uploadFileUrl"

      :before-upload="handleBeforeUpload"

      :file-list="fileList"

      :data="data"

      :limit="limit"

      :on-error="handleUploadError"

      :on-exceed="handleExceed"

      :on-success="handleUploadSuccess"

      :show-file-list="false"

      :headers="headers"

      class="upload-file-uploader"

      ref="fileUpload"

      v-if="!disabled"

    >

    <el-upload multiple :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="fileList" :data="data"

      :limit="limit" :on-error="handleUploadError" :on-exceed="handleExceed" :on-success="handleUploadSuccess"

      :show-file-list="false" :headers="headers" class="upload-file-uploader" ref="fileUpload" v-if="!disabled">

      <!-- 上传按钮 -->

      <el-button type="primary">选取文件</el-button>

    </el-upload>

@@ -31,31 +18,13 @@
      的文件

    </div>

    <!-- 文件列表 -->

    <transition-group

      class="upload-file-list el-upload-list el-upload-list--text"

      name="el-fade-in-linear"

      tag="ul"

    >

      <li

        :key="file.uid"

        class="el-upload-list__item ele-upload-list__item-content"

        v-for="(file, index) in fileList"

      >

        <el-link

          :href="`${baseUrl}${file.url}`"

          :underline="false"

          target="_blank"

        >

    <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">

      <li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">

        <el-link :href="`${baseUrl}${file.url}`" :underline="false" target="_blank">

          <span class="el-icon-document"> {{ getFileName(file.name) }} </span>

        </el-link>

        <div class="ele-upload-list__item-content-action">

          <el-link

            :underline="false"

            @click="handleDelete(index)"

            type="danger"

            v-if="!disabled"

            >&nbsp;删除</el-link

          >

          <el-link :underline="false" @click="handleDelete(index)" type="danger" v-if="!disabled">&nbsp;删除</el-link>

        </div>

      </li>

    </transition-group>

@@ -264,9 +233,11 @@
  opacity: 0.5;

  background: #c8ebfb;

}



.upload-file-uploader {

  margin-bottom: 5px;

}



.upload-file-list .el-upload-list__item {

  border: 1px solid #e4e7ed;

  line-height: 2;

@@ -274,12 +245,14 @@
  position: relative;

  transition: none !important;

}



.upload-file-list .ele-upload-list__item-content {

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: inherit;

}



.ele-upload-list__item-content-action .el-link {

  margin-right: 10px;

}