本教程的前一步骤,SAP UI5 应用开发教程之一百零七 - SAP UI5 OverflowToolbar 容器控件以及 resize 事件处理的一些细节介绍完成后,我们得到了一个经典的 Master-Detail 布局的 SAP UI5 应用:
这个应用有一个瑕疵,Detail 页面的产品图片,无法正常显示,如上图所示。
这个蓝色的正方形,是 SAP UI5 Avatar 这个图形显示控件,无法正常显示图片时,显示的默认内容。
我们打开 Chrome 开发者工具 Network 面板,发现 SAP UI5 Avatar 控件试图加载一个名为 HT-1000.jpg 的图片文件,遇到了 404 Not Found 的错误:
进一步查看这个图片加载的 url:
https://openui5.hana.ondemand.com/https://openui5.hana.ondemand.com/test-resources/sap/ui/documentation/sdk/images/HT-1000.jpg