根据 Element Plus 官方文档,el-upload 组件确实没有提供直接获取组件中的文件对象的方法。但是可以通过监听组件的 change 事件,获取上传成功的文件列表,然后通过文件列表的 ID 获取文件对象。示例代码如下:

<template>
  <el-upload
    ref="upload"
    action="/upload"
    @change="handleUploadChange"
  >
    <el-button>点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleUploadChange(fileList) {
      // 上传成功的文件列表
      const uploadedFiles = fileList.filter(file => file.status === 'success');
      // 获取第一个上传成功的文件对象
      const file = uploadedFiles[0].raw;
      console.log('文件对象:', file);
    }
  }
}
</script>

注意,上传成功的文件对象是在文件上传成功后才会有,因此需要在 change 事件中进行处理

elementplus的elupload组件没有可以直接获取组件中的文件对象的方法吗

原文地址: http://www.cveoy.top/t/topic/ckHr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录