vue 中无法上传同一张图片的问题

最新推荐文章于 2024-10-26 18:13:39 发布

原创最新推荐文章于 2024-10-26 18:13:39 发布 · 935 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

41 篇文章

订阅专栏

vue

26 篇文章

订阅专栏

本文介绍了解决同一图片上传时Chang事件不触发的问题，通过将图片保存到数组中并清空input的value值来实现。适用于前端开发中图片多次上传需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.原因：同一张图片，无法触发chang事件
2.解决：

将图片push进变量保存（多张图片）
将input的value值清空

 reader.onload = function () {
            // 读取完成后，将图片push进函数保存
            that.adviceImg.push(this.result);
          }
          console.log(that.$refs.upload.value = '');
          // 将input的value值清空
          that.$refs.upload.value = '';