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个回答

图片加载是异步的,就是执行 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
        });
    }
showbo
支付宝加好友偷能量挖,胡杨在等着我的召唤 回复u010384336: 不是,只能居于回调,发的代码就是,你要使用放到回调里面就行了
3 年多之前 回复
u010384336
u010384336 谢谢回答,请问我如果想要把获取的高在getImgWH函数内返回出去,能实现吗?
3 年多之前 回复

你是在方法内定义的 realwidth 出了方法当然它就变成了 undefined啊 你可以把它定义在方法外,定义成全局的 或者 给方法一个返回值,在使用这个方法的时候把它赋给别的变量

u010384336
u010384336 没关系没关系,您能有心回答我的问题就很谢谢您了
3 年多之前 回复
Seraphim_Fly
Seraphim_Fly 不好意思 看错了 当我胡说
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问