element-plus文件上传（el-upload）上传单个文件时onChange执行两次

最新推荐文章于 2025-05-09 17:31:31 发布

原创最新推荐文章于 2025-05-09 17:31:31 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

VUE学习专栏收录该内容

5 篇文章

订阅专栏

在处理ReactUpload组件的onChange事件时，发现图片对象被打印两次。通过添加对uploadFiles是否为undefined的判断避免了这个问题。这是一个关于JavaScript基础和React开发中遇到的小陷阱的记录，旨在防止未来再次踩坑。

问题代码

const photoListChange: UploadProps['onChange'] = (uploadFile, uploadFiles) => {
  console.log('图片对象uploadFile', uploadFile,typeof uploadFile)
  console.log('图片对象uploadFiles', uploadFiles,typeof uploadFiles)
}

同样对象被打印了两次

解决办法

const photoListChange: UploadProps['onChange'] = (uploadFile, uploadFiles) => {
  if (uploadFiles!==undefined){
    console.log('图片对象uploadFile', uploadFile,typeof uploadFile)
    console.log('图片对象uploadFiles', uploadFiles,typeof uploadFiles)
  }
}