给el-upload的预览、删除图标处加一个图片替换图标，点击后可以将指定图片替换掉

                                你可以通过设置`before-extend`属性来自定义el-upload的预览、删除图标处的替换图片操作。以下是一个示例代码：
复制

<template>
  <el-upload class="upload-demo" action="/upload" :before-extend="handleBeforeExtend" :on-remove="handleRemove">
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>
 
<script>
export default {
  methods: {
    handleBeforeExtend(file) {
      return {
        iconClass: 'custom-icon',
        handleIconClick: () => {
          // 在这里添加替换图片的逻辑
          console.log('替换图片');
        }
      };
    },
    handleRemove(file) {
      console.log('文件被移除:', file);
    }
  }
};
</script>
 
<style>
.custom-icon {
  background-image: url('your-custom-icon-url');
}
</style>复制

在handleBeforeExtend方法中，我们返回了一个对象，其中包含了自定义的iconClass和handleIconClick方法。iconClass指定了预览、删除图标的背景图片为自定义图标，而handleIconClick方法则定义了点击图标时的操作，你可以在这里添加你想要实现的替换图片的逻辑。

记得在样式中定义custom-icon类，并设置背景图片为你想要替换的图片路径。