jquery change事件多次调用问题

最新推荐文章于 2021-08-05 22:15:28 发布

Sweet_Yida

最新推荐文章于 2021-08-05 22:15:28 发布

阅读量957

点赞数 2

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/Leonardo_zhang/article/details/117284863

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在使用jQuery的change事件处理图片上传时，如何避免重复调用upload()方法的问题。通过在原有代码中添加`.off(change)`，成功解绑了事件并确保了函数只在文件选择发生变化时执行。

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

jquery change事件多次调用问题

在些图片上传调用jquery change方法时发现函数下upload（）方法多次调用。
原代码

$("#click"+i).click(() => {
            $('#uploadimg' + i).click();
            $('#uploadimg' + i).change(function () { // 通过change事件可以获取到选中的文件
                upload(i,src);
            });
        });

修改之后

$("#click"+i).click(() => {
            $('#uploadimg' + i).click();
            $('#uploadimg' + i).off("change").change(function () { // 通过change事件可以获取到选中的文件
                upload(i,src);
            });
        });

加上off(“change”)这个函数即可解绑。