el-upload图片上传 传递参数

el-upload 是 Element UI 框架中的一个组件，用于实现图片上传功能。你可以通过设置其属性来传递参数。

以下是一个示例代码，展示了如何使用 el-upload 组件进行图片上传并传递参数：

<template>
  <el-upload
    class="upload-demo"
    action="/api/upload"  <!-- 设置上传的接口地址 -->
    :data="{ param1: 'value1', param2: 'value2' }"  <!-- 通过对象字面量传递参数 -->
    :on-success="handleSuccess"
    :on-error="handleError"
    :file-list="fileList">
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [], // 用于存储已上传的文件列表
    }
  },
  methods: {
    handleSuccess(response, file, fileList) {
      // 上传成功回调函数
      this.fileList = fileList;
      // 处理上传成功后的逻辑
    },
    handleError(err, file, fileList) {
      // 上传失败回调函数
      this.fileList = fileList;
      // 处理上传失败后的逻辑
    },
  }
}
</script>

在上述示例中，我们通过设置 el-upload 组件的 `action` 属性来指定上传接口的地址。同时，通过 `:data` 属性传递一个对象字面量来设置需要传递的参数。在后端接收到上传请求时，可以从请求的参数中获取到这些参数值。

请注意，上传接口的具体实现需要后端配合完成，这只是一个前端代码示例。你需要根据自己的实际需求和后端接口进行相应的调整。