在上一篇博文中，我介绍了将图像作为BLOB发送到SCP实例的部分。如果您错过了，请查看以下链接：

https://blogs.sap.com/2018/05/15/transfer-images-to-scp-part-1/

在这篇文章中，我将介绍如何检索这些数据，并在前端将blob显示为图像！

让我们从WebIDE创建一个UI5应用程序，并逐步解决这个问题请靠近注意，我不会详细介绍UI5应用程序及其组件的创建。我将尝试接触相关方面，使我们能够确保我们满足我们的期望要求。

从模板创建一个样本UI5应用程序，并给它一个你想要的名称。

还请维护你的服务URL的目的地，云100，并将其添加到neo-应用程序.json以防你想引用特定的目的地名称（由于这是一个非常常见的场景，所以没有详细介绍这方面）。

为带有ID的图像添加xml标记，人工智能怎么样，并根据需要指定其他属性。稍后我们将需要ID，因此请注意您在此处使用的名称。

现在，由于我们需要更新已指定元素的图像，我们将在OnAfterRendering函数中对更改进行编码。

请添加以下函数以开始更改

OnAfterRendering:function（）{}

现在我们的下一个任务是更新OnAfterRendering函数。现在我将尝试填写下面方法的逻辑流程

onAfterRendering:function（）

{

使用Odata服务从SCP IoT表中检索最新条目，该Odata服务具有二进制数组

将二进制数组转换为字节格式（因为检索到的值将是字符串）

从字节中生成一个Blob（用户可以接受）javascript转换为URL）

转换为ObjectURL

设置image DIV的src

}

现在让我们详细了解每个方面

第1部分：从IoT表中检索数据

下面的代码可用于在SCP实例中从IoT表中检索最上面的条目。

var data\u Odata；var sServiceUrl="服务URL的名称"；var qModel=新建sap.ui.model模型.小田.小田模型（sServiceUrl）；var qstring="表的名称/？$orderby=G\u创建%20desc&$top=1〃；qModel.read文件（q字符串，无效的，无效的，假的，函数（oData）{数据（Odata=Odata；}）；var data=数据_Odata.结果[0].C泷B泷ARRAY；

请注意，在第一篇博客中，字段C泷B泷ARRAY存储了Python脚本发送的二进制数组。

现在，我们在变量数据中有了来自IoT表的最新条目。

第2部分：将字符串转换为字节

来自本系列博客的第1部分，如果您还记得的话，我们将字节转换并解码为一个字符串数组，返现网，大数据局，可以通过IoT发送给SCP。在这一部分中，我们将把它转换成字节（Odata服务返回的所有数据格式都是字符串格式，因此需要进行字符串到字节的转换）

//convert the String to bytes

var bytes=new Uint8Array(数据长度/ 2);对于（var i=0；i，大数据云计算人工智能