前端实现:
可以使用iView组件,实现文件的选择与上传,话不多说,直接上代码(注意,action中的路径及后端接收的路径,name即@RequestParam,通过name后端获取相应文件):
<template>
<div>
<Upload
action="/test"
name = "etymon"
:on-success="onFileSuccess"
>
<Button icon="ios-cloud-upload-outline">词根同步</Button>
</Upload>
<div class="default">
<Table :columns="columns" :data="data"></Table>
<div style="margin: 10px;overflow: hidden">
<div style="float: right;">
<Page :total="total" :current="current" @on-change="changePage"></Page>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "sync",
methods: {
onFileSuccess(res, file, fileList) {
this.uploadPercent = 100
this.data = res.data
this.total = res.data.size
},
changePage(page) {
this.current = page