egret接4399排行榜头像跨域问题

简介: egret接4399排行榜头像跨域问题
推荐阅读:

接4399排行榜的时候,获取到头像的url地址,显示头像使用下面两种方法(注:head为url地址):
方法一:

         this.head.source=head;

方法二:

        RES.getResByUrl(url, (data, url) => {
            egret.log("data===",url);
            this.head.source = url;
        }, this, RES.ResourceItem.TYPE_IMAGE)

就代码来看,通过url地址加载头像是没有问题的,但是想象总是美好的,可事实是这样的:

Uncaught DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': 
The image element contains cross-origin data, and may not be loaded.

在这里插入图片描述报错了,从日志上来看,出错原因是跨域取头像。
在尝试了各种方法,查阅了各种方法之后,通过大师的指点,使用下面方法,成功解决了这个问题,但该方法并不适用各个平台,例如QQ玩一玩暂无效。

        var imgLoader=new egret.ImageLoader;
        imgLoader.crossOrigin="anonymouse";
        imgLoader.load(head);
        imgLoader.once(egret.Event.COMPLETE,function(evt:egret.Event){
            if(evt.currentTarget.data){
                let texture=new egret.Texture();
                texture.bitmapData=evt.currentTarget.data;
                let Bitmap=new egret.Bitmap(texture);
                this.head.texture=Bitmap.texture;
            }
        },this)

在这里插入图片描述

相关文章
|
小程序 JavaScript
微信小程序向左滑动删除操作(类仿微信、QQ)
微信小程序向左滑动删除操作(类仿微信、QQ)
127 0
自定义 behavior - 完美仿 QQ 浏览器首页,美团商家详情页(一)
自定义 behavior - 完美仿 QQ 浏览器首页,美团商家详情页
|
5月前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
422 0
|
6月前
|
JSON API 数据格式
网易云音乐随机歌曲调用API接口
网易云音乐随机歌曲调用API接口
|
7月前
|
数据安全/隐私保护
炫酷的生日快乐网页 【附带源码】
炫酷的生日快乐网页 【附带源码】
133 4
|
XML Android开发 数据格式
自定义 behavior - 完美仿 QQ 浏览器首页,美团商家详情页(二)
自定义 behavior - 完美仿 QQ 浏览器首页,美团商家详情页
|
API 数据安全/隐私保护 块存储
漏刻有时API接口实战开发系列(2):萤石工作室Ezviz Studio设置摄像头的相关参数
漏刻有时API接口实战开发系列(2):萤石工作室Ezviz Studio设置摄像头的相关参数
171 0
|
前端开发 JavaScript
eggjs 怎么实现上传图片(头像)接口功能?
eggjs 怎么实现上传图片(头像)接口功能?
303 0
eggjs 怎么实现上传图片(头像)接口功能?
|
算法 Java PHP
半天不到,实现仿微博URL短地址算法与解析
半天不到,实现仿微博URL短地址算法与解析
|
前端开发
整活系列(二)——整一个好看的毛玻璃登陆页面
昨天刷某站下饭的时候,看见了一个好看的登陆页面,于是昨天晚上用代码实现了一下,今天就拿出来分享给大家。