element upload上传文件展示在上面

在Web开发中，`element upload`通常指的是Element UI组件库中的Upload组件，它是基于Vue.js框架的一个表单控件，用于实现文件上传的功能。上传组件允许用户将文件上传到服务器，并且可以展示已上传的文件列表，同时支持拖拽上传、限制上传文件的大小、类型以及处理上传进度等功能。

使用Element UI的Upload组件上传文件并在页面上展示通常涉及以下几个步骤：

1. 引入Element UI组件库到你的Vue项目中。
2. 在组件中注册并使用Upload组件。
3. 设置Upload组件的属性，如action（指定上传的地址）、on-change（上传文件改变时的回调函数）等。
4. 在回调函数中处理文件列表的展示逻辑，如将已选择的文件添加到一个列表中，以供展示。
5. 使用v-model绑定文件列表数据，这样上传或移除文件时可以自动更新展示。

示例代码片段：

<template>
  <el-upload
    action="你的上传接口地址"
    :on-change="handleChange"
    list-type="picture">
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleChange(response, file, fileList) {
      // 处理文件上传成功后的回调逻辑
      if (response && response.code === 0) {
        // 文件上传成功，将文件信息展示到页面上
        console.log('文件上传成功', file);
      } else {
        // 文件上传失败
        console.log('文件上传失败', file);
      }
    }
  }
}
</script>