2015-09-08 2 views
0

У меня возникла проблема, консоль сказала, что мой URL-адрес изображения не найден. Но он хорошо отображался, когда я пишу прямо в каруселях-html-src, но он не работает, когда я использую carousel.add для использования данных в моем json.Как изображение изображения изображения sencha на моей карусели

Я нашел причину: URL-адрес изображения правильный, но когда он пройдет, курс. 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)" 

ответ

0

я получил его

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

Вам следует рассмотреть вопрос о добавлении правильных котировок вокруг URL: '''. Используйте одинарные кавычки как кавычки конкатенации строки JavaScript и двойные кавычки как кавычки значения атрибута HTML. Использование кавычек в правильном порядке сделает ваш HTML действительным и поможет с кросс-браузерной совместимостью. – Alexander

+0

Я не понимаю, почему, когда я использую этот формат, моя хромовая карусель не может авторизовать изображение – chen

0

использовать это и проверить ..

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

это работает! но изображение не может понравиться этому прямому показателю set src значение html, изображение не может авторизоваться? – chen

+0

, если мой ответ вам полезен в соответствии с вашим сообщением, а высота и вес были выпущены позже, пожалуйста, проверьте этот ответ как правильный ответ. –

+0

никакой помощи. ха-ха. ответ такой же, как мой прежний ответ – chen

Смежные вопросы