废鸡程序员 2022-11-11 09:37 采纳率: 86%
浏览 68
已结题

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


                       <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)

  • 写回答

5条回答 默认 最新

  • hfhan_872914334 2022-11-11 09:52
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 11月19日
  • 已采纳回答 11月11日
  • 修改了问题 11月11日
  • 创建了问题 11月11日

悬赏问题

  • ¥15 verilog modelsim仿真
  • ¥15 Power BI 里面 帕累托图突出显示前20
  • ¥50 用预估矫正法,分数阶微分方程组传染病的最优控制代码怎么写
  • ¥15 画个数据流程图,手画也行
  • ¥60 AS自带模拟器AVD Root 和 Xposed安装
  • ¥30 哪位搞Android的编程师可以帮我远程一下,悬赏30元
  • ¥15 solidity部署上合约,可以mint,也继承接口了,在区块链也不显示代币名字
  • ¥15 讨论 博士论文交互项怎么讨论?
  • ¥50 在集成BiLSTM和GCN模型时遇到了问题
  • ¥33 集成BiLSTM模型和GCN模型时,前模型的输出不匹配后模型的输入