vue-file-agent组件

vue-file-agent组件是一个用于文件上传的Vue组件。它提供了一些配置选项，例如服务器地址、允许的文件扩展名、允许的文件大小等。该组件还提供了两个事件，分别是选择文件事件(select)和上传文件事件(upload)。当用户选择文件时，选择文件事件会被触发，并将选中的文件作为参数传递给事件处理程序。当文件上传成功后，上传文件事件会被触发，并将上传成功的响应作为参数传递给事件处理程序。

以下是一个简单的Vue组件示例，演示了如何在Vue中使用vue-file-agent组件：

<template>
  <div>
    <vue-file-agent :config="config" @select="onFileSelect" @upload="onFileUpload"></vue-file-agent>
  </div>
</template>

<script>
import VueFileAgent from 'vue-file-agent';

export default {
  components: {
    VueFileAgent,
  },
  data() {
    return {
      config: {
        server: 'http://localhost:3000/upload',
        multiple: true,
        extensions: ['jpg', 'jpeg', 'png'],
        size: 10 * 1024 * 1024,
      },
    };
  },
  methods: {
    onFileSelect(files) {
      console.log('选择文件：', files);
    },
    onFileUpload(response) {
      console.log('上传成功：', response);
    },
  },
};
</script>