煎茶图像 url 如何显示在我的轮播中

How sencha image url display on my carousel

我遇到了一个问题,控制台说找不到我的图像 url。但是我直接在carousel-items-html-src里面写的时候显示的很好,但是当我用carousel.add来使用我的json.

里面的数据的时候就不行了

我发现 cause:the 图片 url 是正确的,但是当它通过时 course.the 图片 url 会自动在最后添加一个 '/' 字符,所以无法显示。我能做什么?

我的控制器代码:

Ext.define('ylp2p.controller.loadpic',{
extend: 'Ext.app.Controller',
launch: function(){
    var storeId = Ext.create('ylp2p.store.picstore');
    var imagecarousel = Ext.getCmp('imagecarousel');
    storeId.load({
        callback: function(records,operation,success){
            Ext.each(records,function(record){
            imagecarousel.add({html: '<img src='+record.get('url')+'/>'});---is it right?
            });
        }
    });
}
});

我认为的轮播(部分代码):

{
                        xtype: 'carousel',
                        height: 300,
                        id: 'imagecarousel',
                        store: 'picstore'
},//end carousel

我的json代码:

{
"image" : [
        {"name" : "cat", "url": "http://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg"},
        {"name" : "lion", "url": "http://images1.fanpop.com/images/photos/2600000/Cheetah-Family-wild-animals-2603080-1280-1024.jpg"},
        {"name" : "cat", "url": "http://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg"}        
]
}

控制台说:

"GET https://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg/ 404 (Not Found)"

使用这个并检查..

imagecarousel.add({ html: '<img src = ' + record.get('url') + '></img>' });

我知道了

imagecarousel.add({html: '<img src='+record.get('url')+' height="100%" width="100%"/>'});