el-input实现 文件上传

很抱歉，el-input并不能直接实现文件上传功能。el-input是一个基本的输入框组件，用于接收用户的输入。如果需要实现文件上传功能，可以使用el-upload组件。下面是一个简单的例子：

<template>
  <el-upload
    action="your-upload-api"
    :on-success="handleSuccess"
    :before-upload="beforeUpload"
    :file-list="fileList"
    list-type="picture-card"
    :auto-upload="false"
    :multiple="true"
    :limit="3"
    :on-exceed="handleExceed"
    :show-file-list="false"
  >
    <i class="el-icon-plus"></i>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      // 上传成功后的回调函数
      console.log(response);
    },
    beforeUpload(file) {
      // 上传前的校验函数
      console.log(file);
    },
    handleExceed(files, fileList) {
      // 上传文件数量超过限制的回调函数
      this.$message.warning(`当前限制选择 ${this.limit} 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
    }
  }
};
</script>

在上面的代码中，我们使用了el-upload组件来实现文件上传功能。其中，action属性指定了上传文件的接口地址，on-success属性指定了上传成功后的回调函数，before-upload属性指定了上传前的校验函数，file-list属性指定了已上传的文件列表，list-type属性指定了文件列表的展示方式，auto-upload属性指定了是否自动上传，multiple属性指定了是否支持多文件上传，limit属性指定了上传文件数量的限制，on-exceed属性指定了上传文件数量超过限制的回调函数，show-file-list属性指定了是否展示已上传的文件列表。

需要注意的是，el-upload组件只是一个上传组件，如果需要将上传的图片转成在线链接，需要在后端实现相应的接口。