点击图片来执行 input=file 上传文件 为什么回报错？

Question

                       <div class="pas-input">
                          <div class="pas-upload  onImg">
                            <img src="./img/creationCenter-xiangji.png" alt="">
                            <input type="file" hidden class="upload-img">
                           
                          </div>
                          <p>可上传JPG/PNG图片格式文件，建议尺寸300px * 300px </p>
                       </div>

$(function () {

    $('.pas-box  .pas-inner .onImg').on('click', function (event) {

        event.stopPropagation()
        uploadImg();
        
    });

    function uploadImg(){
        return $('.pas-box  .pas-inner .onImg .upload-img').click();
     }

})

报错！
jquery-3.5.0.min.js:2 Uncaught RangeError: Maximum call stack size exceeded
at RegExp.test ()
at Object.trigger (jquery-3.5.0.min.js:2:70762)
at HTMLInputElement. (jquery-3.5.0.min.js:2:72125)
at Function.each (jquery-3.5.0.min.js:2:2976)
at S.fn.init.each (jquery-3.5.0.min.js:2:1454)
at S.fn.init.trigger (jquery-3.5.0.min.js:2:72101)
at S.fn. [as click] (jquery-3.5.0.min.js:2:88566)
at uploadImg (creationCenter.js:11:61)
at HTMLDivElement. (creationCenter.js:6:9)
at HTMLDivElement.dispatch (jquery-3.5.0.min.js:2:43107)

Answer 1

onImg点击回调中触发upload-img点击事件，upload-img点击事件冒泡后又会触发onImg点击事件，死循环了，最后爆栈Maximum call stack size exceeded