SAP WEB IDE - UI5 deployment to ABAP - problem with BSP image-references

[klaus_wegener2]

Dear UI5 specialists,

I need some assistance using a UI5 FIORI app, after development in SAP WEB IDE and deployment to ABAP Server. My question is simply going around usage and reference to images.

My actual WEB IDE project has following structure:

"UI5 Project"

Subfolder Level 1 "controller"

Subfolder Level 1 "images"

Subfolder Level 1 "view"

Subfolder Level 1 "model"

Subfolder ...

I reference images in the UI5 view as following:

Image src="{MaterialUrl}" width="100px" height="50px"

My SAP Gateway service delivers the variable "MaterialURL" as following (and this is in SAP IDE working):

ls_entity-material_url = '../images/PICTURE.jpg'.

PICTURE.jpg is saved in the "images"-folder in WEB IDE and available after deployment in BSP-folder "MIMEs->images".

After deployment of the App to the ABAP server, the corresponding BSP has following structure:

UI5 project

Subfolder Level 1 "Page Fragments"

Subfolder Level 2 "model"

Subfolder Level 1 "MIMEs"

Subfolder Level 2 "images"

Using the app on the ABAP server, the UI5 generally is working in FIORI. Only the images are not displayed. In the BSP the images are available in folder "MIMEs->images".

There are some SCN threads going around the image folder question. But I want to keep my logic, that the gateway delivers the relative path to the images, saved in the image folder.

The app has no "index.html", because it is a FIORI component.

I need a small advice, how I must set the relative image path from SAP Gateway, when using the app on the ABAP server.

Thanks in advance Klaus Wegener

[gsouzasys]

You can use your service url directly from MIME Folders (After you imported to BSP APP Se80)

https://saphapp-fes.xxxxxxx.com/sap/bc.

/sap/bc/ui5_ui5/sap/z_your_fiori_app/any_folder_inside_webapp/folder_image/logo/your_image.jpg