• 北京天安门广场更换花卉 2019-11-07
  • 《中国道路的成功密码》首发研讨会在京举行 2019-11-07
  • 王国平应邀赴金华市调研并作专题讲座 2019-11-04
  • 真正聪明之人,能在寻常岁月里悟透贞亲人世的惊喜 2019-11-04
  • 忻府区中医下乡进村  为老百姓健康把脉--黄河新闻网 2019-11-04
  • 法制日报:别让世界杯激情冲淡守法意识 2019-11-01
  • 美国又打出2000亿关税牌,中方这300字声明暗藏玄机! 2019-10-27
  • 《斯琴高丽的开心》首发 斯琴高丽给自己生日送礼斯琴高丽 2019-10-27
  • 隋炀帝萧后凤冠仿制品亮相 原件或为李世民赏赐 2019-10-26
  • 中国,向大洋更深处挺进(评论员观察) 2019-10-20
  • 《好色千金》杀青 高冷侍卫刘天宝获赞“武生担当” 2019-10-15
  • 海上洄游时 北海狗 连续两周深睡眠 2019-10-15
  • 改造后的老旧楼房抗震能力是否提高?新老建筑是否共用逃生通道? 2019-10-14
  • 学习宣传贯彻习近平生态文明思想 2019-10-14
  • 女性之声——全国妇联 2019-10-12
  • 今取平码先为富物为:Canvas引入跨域的图片导致toDataURL()报错的问题的解决

    平码三中山论坛 www.mslzq.tw 本文介绍了Canvas引入跨域的图片导致toDataURL()报错的问题的解决,分享给大家,具体如下:

    【场景】

    用户打开网页,则请求腾讯COS(图片服务器)上的图片。使用canvas绘图。

    然后,用户可以重新选择图片、裁剪、上传。

    【问题】

    图片首次载入,选择新图片后裁剪、绘制都没有问题。但上传失败,报错如下:

    Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.

    经过了解,需要在图片首次引用时,设置crossOrigin字段:

                    var c=document.getElementById("cover_show");
                    var img=new Image();
                    img.src="//vsqx-cover-xxxxxx.coscd.myqcloud.com/"+this.vsqx_uid+".jpg";
                    //增加这一行:
                    img.setAttribute("crossOrigin",'anonymous');
                    img.onload = function(){
                        var cxt=c.getContext("2d");
                        cxt.drawImage(img,0,0,300,150,0,0,200,126);
                    }

    然后再次运行。发现图片首次载入时,不显示了。。。

    控制台报错如下:

    【最终解决方法】

    登录腾讯云COS,找到这个储存桶,设置“跨域访问CORS”。(其他PHP/JAVA服务器同理)

    再次测试:图片显示成功,图片上传成功。

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持CAD之家。

    为您推荐

    发表评论

    联系我们

    联系我们

    在线咨询: QQ交谈

    地址:中国·贵州·贵阳 友情链接QQ:1034559333 本站QQ群:123733639
    关注微信
    微信扫一扫关注我们

    微信扫一扫关注我们

    关注微博
    返回顶部

    关于本站 || 版权声明 || 免责条款 || 隐私条款 || 平码三中山论坛 || ||

    Copyright??2018 平码三中山论坛 All Rights Reserved·黔ICP备15000265号-2

  • 北京天安门广场更换花卉 2019-11-07
  • 《中国道路的成功密码》首发研讨会在京举行 2019-11-07
  • 王国平应邀赴金华市调研并作专题讲座 2019-11-04
  • 真正聪明之人,能在寻常岁月里悟透贞亲人世的惊喜 2019-11-04
  • 忻府区中医下乡进村  为老百姓健康把脉--黄河新闻网 2019-11-04
  • 法制日报:别让世界杯激情冲淡守法意识 2019-11-01
  • 美国又打出2000亿关税牌,中方这300字声明暗藏玄机! 2019-10-27
  • 《斯琴高丽的开心》首发 斯琴高丽给自己生日送礼斯琴高丽 2019-10-27
  • 隋炀帝萧后凤冠仿制品亮相 原件或为李世民赏赐 2019-10-26
  • 中国,向大洋更深处挺进(评论员观察) 2019-10-20
  • 《好色千金》杀青 高冷侍卫刘天宝获赞“武生担当” 2019-10-15
  • 海上洄游时 北海狗 连续两周深睡眠 2019-10-15
  • 改造后的老旧楼房抗震能力是否提高?新老建筑是否共用逃生通道? 2019-10-14
  • 学习宣传贯彻习近平生态文明思想 2019-10-14
  • 女性之声——全国妇联 2019-10-12
  • 骰宝娱乐大厅 篮球即时比分 研究北京赛车必胜招 一年能赚几十万吗赚钱吗 山东11选五开奖号码 上海哪里可以玩老虎机 吉林11选5前3最大遗漏 小啄赚钱怎么玩 扑克五张比大小 广西快乐十分开奖号