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

WHY

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

WHAT

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

HOW

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

Web浏览框

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

Web客户端

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

文件管理器

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

界面
刷新按钮按压事件

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

Web客户端时收到文本事件

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

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

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

HTML文件
使用HTML查看程序打开效果
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容