u010384336 2017-03-27 07:31 采纳率: 90.9%
浏览 1335
已采纳

JQuery回调函数内变量赋值问题

 <html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
getImgWH("http://lailailailai.yungler.com/196/media/img/9efa87c0f465288e.jpg");

function getImgWH(path) {

        var realwidth;
        $("<img/>").attr("src", path).load(function() {

            realwidth = this.width;
            alert(realwidth); //160
        });
        alert(realwidth); //undefined
}
</script>
<head>

<body></body>
</html>

代码如上，在回调函数内，可以正常给realwidth赋值，但是出了回调函数之后realwidth的值就变成了undefined，求解要怎么才能获取到realwidth。

  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2017-03-27 07:34
    关注

    图片加载是异步的，就是执行 alert(realwidth); //undefined这句的时候load都没有执行，当然是默认的undefined，要改为回调的形式调用

    和异步ajax一个意思，也要居于回调才能获取ajax异步返回值，不过ajax支持同步请求，img对象不行

    
    getImgWH("http://lailailailai.yungler.com/196/media/img/9efa87c0f465288e.jpg", function (realwidth) { alert(realwidth); });

    function getImgWH(path,callback) {

        var realwidth;
        $("<img/>").attr("src", path).load(function () {

            realwidth = this.width;
            callback(realwidth); //160
        });
    }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
  • ¥15 Windows11, backspace, enter, space键失灵