账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    在componentDidUpdate中设置img.src不能触发img.onload事件回调
    26
    0
    componentDidUpdate(prevProps, prevState, snapImg){
        if(this.props.bookImg!=null && this.props.bookImg!==prevProps.bookImg){
            var canvas= document.createElement('canvas');
            var ctx= canvas.getContext('2d');
            var img= new Image();
            img.crossOrigin= 'Anonymous';
            var dataURL;
            img.onload=function() {
                console.log('fn');
                ctx.drawImage(img, 0, 0);
                dataURL= canvas.toDataURL("image/jpeg");
                console.log(dataURL);
            }
            img.src=this.props.bookImg;
            console.log('end');
        }
    }

    这段代码,我在<script>标签内测试时是有效的,但用在componentDidUpdate里img.onload的回调不能触发;有谁知道为什么吗?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部