【element-ui】elementUi中el-upload上传附件之后点击附件可下载，怎么实现呢？

Z时代
2024-01-10
分类：技术分享

用elementUi中el-upload上传多个附件，上传到服务器成功之后，再次在前端页面点击附件，怎么实现附件的下载功能呢？

 <el-card class="box-card">
        <div slot="header" class="clearfix">
          <h4>附件</h4>
        </div>
        <el-upload
          action="/api/attachment/upload"
          :data="uploadDataAtt"
          :on-preview="handlePreview"
          :on-remove="handleRemove"
          :on-success="handleSuccess"
          :file-list="uploadList"
          drag
          multiple 
          >
          <i class="el-icon-upload" @click="uploadFile()"></i>
          <div class="el-upload__text" >将文件拖到此处，或<em>点击上传</em></div>
          <div class="el-upload__tip" slot="tip">  最多上传30个文件，单个文件不要超过8MB.最多上传100MB；文件格式:PDF、Word、PPT、Excel、PNG、JPG、JPEG</div>
        </el-upload>
      </el-card>