Unable to show image from the url into my game sprite component sprite frame

Cocos Creator
#1

unable to show image from the url https://i.imgur.com/sLxzczd.jpg into my game sprite component sprite frame

cc.loader.load(imageUrl, cc.SpriteFrame, function(err, spriteFrame) {
    

            this.getComponent(cc.Sprite).spriteFrame = spriteFrame;
            

        });

I am using Javascript

Also tried

cc.loader.load(imageUrl, function(err, tex) {


            this.picSprite.spriteFrame = new cc.SpriteFrame(tex);
        });

But no gain :slight_smile:

#2

creator ver 1.10.2
cc.loader.loadRes(url, cc.SpriteFrame, function (err, spriteFrame) {
if (err) {
cc.error(err.message || err);
return;
}
self.ulayoutPlayerInfoTop.spriteFrame = spriteFrame;
});
good luck

1 Like
#3

thanks a lot for helping out.

i tried it below code and it is fine on browser.
var ProfileBox = this.node;
cc.textureCache.addImageAsync(imageUrl, function(texture) {
var spriteProfile = ProfileBox.getComponent(cc.Sprite);
spriteProfile.spriteFrame = new cc.SpriteFrame(texture);
spriteProfile.spriteFrame.name = “profile”;
console.log("----- " + spriteProfile.spriteFrame.name);
console.log("----- " + ProfileBox.width);

            ProfileBox.width = 200;
            ProfileBox.height = 200;
        });