el-upload上传多个图片,但图片是一样的

您好，我看到您的问题是关于 Element UI 中的 el-upload 组件上传多个相同图片的问题。如果您想上传多张相同的图片，可以在上传前将图片复制多份，然后再上传。

具体的做法可以参考以下代码：

// 获取要上传的图片文件
const file = document.querySelector('#fileInput').files[0];

// 定义一个函数，将图片复制多份
function copyFile(file, count) {
  const fileList = [];
  for (let i = 0; i < count; i++) {
    fileList.push(new File([file], `${file.name}_${i+1}.${file.type.split('/')[1]}`));
  }
  return fileList;
}

// 修改上传组件的文件列表
<el-upload
  action="/upload"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-upload="beforeUpload"
  :file-list="fileList"
  multiple
>
  <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
  <el-button slot="tip" type="text">只能上传jpg/png文件，且不超过500kb</el-button>
</el-upload>

// 在 beforeUpload 方法中调用 copyFile 函数，将图片复制多份
beforeUpload(file) {
  const fileList = copyFile(file, 3); // 复制三份
  this.fileList = this.fileList.concat(fileList);
  return false; // 阻止上传
}

这样就能实现上传多张相同的图片了。希望对您有所帮助。