Cocos Creator 动态加载远程服务器图片资源

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

var url = "http://localhost:8080/pic/10001.png";//服务器图片路径

var container = this.user_photo.getComponent(cc.Sprite);//图片呈现位置

this.loadImg(container,url);

//动态加载图片的方法

loadImg: function(container,url){

cc.loader.load(url, function (err, texture) {

var sprite = new cc.SpriteFrame(texture);

container.spriteFrame = sprite;

});

到这里还没有结束,获取图片资源的过程中,浏览器又抛出了“已拦截跨源请求:同源策略禁止读取位于http….的远程资源。(原因:CORS头缺少‘Access-Control-Allow-Origin’)。存在跨域问题。

由于测试时图片放到了tomcat的web服务器中,这时需要对tomcat进行配置。

1、下载 cors-filter-2.4.jar和 java-property-utils-1.9.1.jar ,放到tomcat的lib中。

2、在tomcat的web.xml中添加CorsFilter过滤器

<filter>

    <filter-name>CorsFilter</filter-name>

    <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>

</filter>

<filter-mapping>

    <filter-name>CorsFilter</filter-name>

    <url-pattern>/*</url-pattern>

</filter-mapping>

3、重启Tomcat

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看