vue+element 实现文件上传

在Vue Element中实现文件上传可以通过使用el-upload组件来实现。在el-upload组件中，你可以设置以下几个属性来实现文件上传的功能：

1. action：指定上传文件的后台URL。
2. drag：启用拖拽上传功能。
3. show-file-list：设置为false可以隐藏文件列表。
4. http-request：指定文件上传的方法。
5. multiple：允许上传多个文件。

具体的实现代码如下所示：

<template>
  <el-upload
    :action="action"
    :drag="true"
    :show-file-list="false"
    :http-request="fileUpload"
    :multiple="true"
  >
    <i class="el-icon-upload"></i>
    <div class="el-upload__text">
      将文件拖到此处，或<em>点击上传</em>
    </div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      action: "/your/upload/url",
    };
  },
  methods: {
    fileUpload(file) {
      // 在这里可以编写上传文件的逻辑
      // 使用axios或其他方式将文件上传到后台
    },
  },
};
</script>

关于Vue Element文件上传的更多资料，你可以参考官方文档：https://element.eleme.io/#/en-US/component/upload