Image not displaying when content fragment component is adapted to Image.class

[Martha_Pascual]

Hi!

We are working with Content Fragments Models and Content Fragment Component (from core components 2.5)  in AEM Sites 6.5 and 6.4. We have our models defined and as you know Content Fragment Component is not able to render images of the assets selected or set in the "Content Reference" data type, since this is a requiriment from our project, we are taking the path of the asset selected and adding a property "fileReference" to our content fragment component resource inside a page:

We have our sling model defined:

1. @Model( 
2.         adaptables = {SlingHttpServletRequest.class}, 
3.         resourceType = {ContentFragmentExt.RESOURCE_TYPE}, 
4.         defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL 
5. ) 
6.  
7. public class ContentFragmentExt { 
8.     
9.     private static final Logger log = LoggerFactory.getLogger(ContentFragmentExt.class); 
10.     protected static final String RESOURCE_TYPE = "project/components/content/contentfragment"; 
11.  
12.     @Self 
13.     private SlingHttpServletRequest request; 
14.      
15.     @OSGiService 
16.     private ModelFactory modelFactory; 
17.  
18.     private Image image; 
19.      
20.     @Inject 
21.     private Resource resource; 
22.    
23.     @PostConstruct 
24.     private void init() { 
25.         image = modelFactory.getModelFromWrappedRequest(request, resource, Image.class); 
26.     } 
27.      
28.     /**
29.      * @return the Image Sling Model of this resource, or null if the resource cannot create a valid Image Sling Model.
30.      */ 
31.      public Image getImage() { 
32.          return image; 
33.      }

In our image.html, we are using the resource of our proxy image component:

1. <template data-sly-template.element="${@ element='the element value'}"  data-sly-use.obj="${'project.sites.core.models.ContentFragmentExt'"> 
2.     <div data-sly-resource="${ obj.Image @ resourceType = 'project/components/content/image'}"> 
3.     </div> 
4. </template>

However, in the page, the asset is not loading:

We are using the ModelFactory in the component created as test from wknd tutorial and is working correctly with the same asset, is there a restriccion from the Image class to work with Content Fragment Component?  The reason that we are going on this direction is because we need all the data displayed by the Image component of the asset for our analytics, and we can't use a simple <img src="image path from fragment"> 
Apologies for the long post, do you have any recommendation? is this possible?
Thank you !

[scottm91515441]

In all the years I have worked with AEM, i have not seen this use case.

[arunpatidar · Accepted solution]

CF stores data in binary of html, not as node and property.

you can try but it seems it is not possible in with sling adaptions.