vue-admin-template 内实现文件上传

vue-admin-template 是一个基于 Vue.js 的后台管理系统模板，文件上传功能是其中一个常用的功能之一。在 vue-admin-template 中，文件上传的实现一般包括以下几个步骤：

1. 引入 Element UI 组件库中的 Upload 组件，该组件可以用来实现文件上传的功能。
2. 在页面中使用 Upload 组件，并设置相应的属性，例如 action、headers、before-upload、on-success 等。
3. 在后端接口中实现文件上传的逻辑，并返回上传成功后的文件路径等信息。
4. 在前端页面中处理上传成功后的信息，并将其展示给用户。

下面是一个简单的示例代码，用来演示如何在 vue-admin-template 中实现文件上传：

<template>
  <el-upload
    class="upload-demo"
    action="/file/upload"
    :headers="{'Authorization': 'Bearer ' + token}"
    :before-upload="beforeUpload"
    :on-success="handleSuccess"
    :file-list="fileList">
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
      token: localStorage.getItem('token') //从localStorage中获取token
    };
  },
  methods: {
    beforeUpload(file) {
      //上传前的处理逻辑，例如判断文件大小、格式等
    },
    handleSuccess(response, file, fileList) {
      //上传成功后的处理逻辑，例如将上传成功的文件路径保存到数据库中
    }
  }
};
</script>