element plus upload上传图片再次点击覆盖上一个图片

Element Plus 的 `upload` 组件默认行为是在每次成功上传后清除旧的文件。如果你想要避免替换现有的文件而改为追加新的图片，你可以自定义组件的行为。在 Vue 中，可以通过事件监听和控制状态来实现。

首先，确保你在 `el-upload` 上设置了 `on-success` 或者直接使用 `@success` 事件处理器：

<template>
  <el-upload
    ref="upload"
    :action="uploadUrl"
    :auto-upload="false" <!-- 阻止自动上传 -->
    @success="handleSuccess"
    multiple
  >
    <el-button type="primary">选择文件</el-button>
  </el-upload>
</template>

<script setup>
import { ref } from 'vue';

const uploadRef = ref(null);
const uploadUrl = 'your/upload/url'; // 替换为实际上传地址

// 自定义成功处理函数
function handleSuccess(response, file) {
  // 如果你想保留当前已选中的所有文件，可以不操作
  // 或者你可以将 response 替换成你想保存的新图片URL
  // 例如如果返回的是新图片的URL，可以这样做：
  if (response instanceof File) {
    uploadRef.value.append(file);
  }
}
</script>

在这个例子中，`handleSuccess` 函数接收上传成功的响应（通常是一个文件或文件信息）以及对应的文件对象。你可以根据需求决定是否添加到 `uploadRef` 对象的 `files` 属性中。如果你想覆盖之前的图片，就不要执行这个添加操作。