el-upload ftp

el-upload是一个基于Element UI的文件上传组件，可以用于上传文件到FTP服务器。下面是一个使用el-upload上传文件到FTP服务器的示例代码：

<template>
  <el-upload
    action="/uploadimage"
    :before-upload="beforeUpload"
    :on-success="onSuccess"
    :on-error="onError"
    :headers="headers"
    :data="data"
    :multiple="false"
    :limit="1"
    :file-list="fileList"
    :auto-upload="false"
  >
    <el-button slot="trigger" size="small" type="primary">点击上传</el-button>
    <el-tooltip class="item" effect="dark" content="只能上传jpg/png文件，且不超过2MB" placement="top">
      <i class="el-icon-info"></i>
    </el-tooltip>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
      headers: {
        Authorization: "Bearer " + localStorage.getItem("token")
      },
      data: {
        // 可以在这里添加其他参数
      }
    };
  },
  methods: {
    beforeUpload(file) {
      const isJPG = file.type === "image/jpeg" || file.type === "image/png";
      const isLt2M = file.size / 1024 / 1024 < 2;

      if (!isJPG) {
        this.$message.error("只能上传jpg/png文件！");
      }
      if (!isLt2M) {
        this.$message.error("文件大小不能超过2MB！");
      }

      return isJPG && isLt2M;
    },
    onSuccess(response, file, fileList) {
      // 上传成功的回调函数
      this.fileList = fileList;
      this.$message.success("上传成功！");
    },
    onError(error, file, fileList) {
      // 上传失败的回调函数
      this.fileList = fileList;      this.$message.error("上传失败，请联系管理员！");
    }
  }
};
</script>

在上面的代码中，我们使用el-upload组件来实现文件上传功能。其中，`action`属性指定了上传文件的接口地址，`before-upload`属性用于在上传之前进行文件类型和大小的校验，`on-success`和`on-error`属性分别指定了上传成功和上传失败的回调函数。你可以根据自己的需求修改这些属性的值。

需要注意的是，上述代码中的`Authorization`头部信息是示例中的一个假设，你需要根据实际情况进行修改。