先看一下效果图
一、客户端
<!--test_table-->
<template>
<div>
<el-card>
<el-upload
ref="upload"
action="/api/upload/addPicture"
:file-list="fileList"
:auto-upload="true"
:on-success="handleAvatarSuccess"
:show-file-list="false"
multiple
>
<el-button slot="trigger" type="primary">上传文件</el-button>
</el-upload>
<br />
<el-button @click="handleBatchDownload()">批量下载</el-button>
<el-input
placeholder="输入文件名搜索"
v-model="input_searchFileName"
class="input-with-select"
style="width: 400px; float: right"
>
<el-button slot="append" icon="el-icon-search"></el-button>
</el-input>
<div style="margin: 20px 0">
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">全部文件</el-breadcrumb-item>
<el-breadcrumb-item>目录1</el-breadcrumb-item>
</el-breadcrumb>
</div>
<el-table
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column prop="filename" label="文件名" width="220">
</el-table-column>
<el-table-column prop="size" label="大小" width="220">
</el-table-column>
<el-table-column prop="mimetype" label=&