美文网首页
App Inventor从服务端接收base64数据图片

App Inventor从服务端接收base64数据图片

作者: 慕慕Icon | 来源:发表于2021-07-02 13:06 被阅读0次

WHY

有时候需要从服务端接收图片,显示在APP页面,如显示验证码、二维码等,这些图片一般都是以base64格式传输的二进制数据。

WHAT

App Inventor中的图片不能直接接收数据,着急用也没在网上找插件。base64格式的数据是可以在浏览器中直接展示的,因此可以使用Web浏览框展示。

HOW

设计界面放置Web浏览框,按需设计好位置、大小等。

Web浏览框

设计界面放置不可见控件Web客户端用于和服务端通信。

Web客户端

设计界面放置不可见控件文件管理器用于保存HTML文件。

文件管理器

放置刷新按钮,用于触发图片请求。

界面 刷新按钮按压事件

Web客户端收到文本时,保存图片数据至HTML文件,注意前后加上HTML文件中需要的格式。注意保存文件时文件名前面加 “/” 时文件会保存在手机文件夹根目录;如果不加 “/” 则会保存在APP的私有存储空间,外部就看不到啦。

Web客户端时收到文本事件

再做一些美化,一个美好的登录界面就完成啦😁😁

运行截图,中间那个3+8=?就是传来的图片😁

保存的HTML在根目录,可以用浏览器直接打开确认。

HTML文件 使用HTML查看程序打开效果

相关文章

网友评论

      本文标题:App Inventor从服务端接收base64数据图片

      本文链接:https://www.haomeiwen.com/subject/wstsultx.html