WHY
有时候需要从服务端接收图片,显示在APP页面,如显示验证码、二维码等,这些图片一般都是以base64格式传输的二进制数据。
WHAT
App Inventor中的图片不能直接接收数据,着急用也没在网上找插件。base64格式的数据是可以在浏览器中直接展示的,因此可以使用Web浏览框展示。
HOW
设计界面放置Web浏览框,按需设计好位置、大小等。
Web浏览框
设计界面放置不可见控件Web客户端用于和服务端通信。
Web客户端
设计界面放置不可见控件文件管理器用于保存HTML文件。
文件管理器
放置刷新按钮,用于触发图片请求。
界面
刷新按钮按压事件
Web客户端收到文本时,保存图片数据至HTML文件,注意前后加上HTML文件中需要的格式。注意保存文件时文件名前面加 “/” 时文件会保存在手机文件夹根目录;如果不加 “/” 则会保存在APP的私有存储空间,外部就看不到啦。
Web客户端时收到文本事件
再做一些美化,一个美好的登录界面就完成啦😁😁
运行截图,中间那个3+8=?就是传来的图片😁
保存的HTML在根目录,可以用浏览器直接打开确认。
HTML文件
使用HTML查看程序打开效果